易截截图软件、单文件、免安装、纯绿色、仅160KB

CSS实现菜单圆角背景

今天遇到要做CSS实现菜单圆角背景的效果, 所以在网上搜了一下,发现此方法最简单可行~~特记录下来供大家一起使用~~~
.nav ul li a{float:left; display:block; padding: 0 10px;
} /*注意padding*/
.nav ul li a:hover{padding:0 0 0 10px;
display:block; background:url(images/tableft1.jpg) left top no-repeat #990000; color:#fff;  }
.nav ul li a:hover span{padding:0 10px 0 0 ;
display:block; background:url(images/tabright1.jpg) right top no-repeat #990000; color:#fff; }
<ul><li><a href="#"><span>Home</span></a></li></ul>
tableft1.jpg
  和  tabright1.jpg
 


相关文档:

CSS层叠加的原则

静态定位:position:static(为position属性的默认值)。    
动态定位:position:relative或position:absolute或position:fixed。    
祖元素:任意包含该元素的元素。     父元素:直接包含该元素的祖元素。     同辈元素:拥有共同的父元素的元素。
注:这些概
念为作者 ......

IE与FireFox下js和css的区别

png透明 AlphaImageLoader
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)
enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true:默认值。滤镜激活。false:滤镜被禁止。
sizingMethod:可选项。字符串(String)。设置或检索滤镜作用的对象的图 ......

DIV+CSS相对IE6 IE7和IE8兼容问题整理

1.区别IE和非IE浏览器
#tip {
background:blue; /*非IE 背景藍色*/
background:red \9; /*IE6、IE7、IE8背景紅色*/
}
2.区别IE6,IE7,IE8,FF
【区别符号】:「\9」、「*」、「_」
【示例】:
#tip {
background:blue; /*Firefox 背景变蓝色*/
background:r ......

递归实现动态CSS菜单

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="LeftMenu.ascx.cs" Inherits="LeftMenu" %>
<mce:style type="text/css"><!--
body {
margin: 0;
padding: 30px;
background: #FFF;
color: #666;
}
h1 {
font: bold 16px Arial, Helvetica, sans-serif;
}
p {
font: 11px Arial, ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号