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
相关文档:
png透明 AlphaImageLoader
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=bEnabled,sizingMethod=sSize,src=sURL)
enabled:可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true:默认值。滤镜激活。false:滤镜被禁止。
sizingMethod:可选项。字符串(String)。设置或检索滤镜作用的对象的图 ......
第一种,是CSS HACK的方法
height:20px; /*For Firefox*/
*height:25px; /*For IE7 & IE6*/
_height:20px; /*For IE6*/
注意顺序。
这样也属于CSS HACK,不过没有上面这样简洁。
#example { color: #333; } /* Moz */
* html #example { color: #666; } /* IE6 */
*+html #example { color: #999; } /* IE7 */
......
第二讲 div+css标准布局
优点:内容和样式分离
margin:外边距
举例:
.bianju{
margin-top:40cm;
margin-left:10cm;
margin-right:10cm;
margin-bottom:15cm;
}
或者写成:
.bianju{
margin:1cm 2cm 3cm 4cm; (左右上下)如果只写一个,是4边都是一个固定的值
margin:auto   ......
这两天在想这个问题,在论坛里发的帖子,也没有人回,网上的那些答案基本上都是在IE8.0以下的版本,通过IE8.0和FF3.63版本的比较,感觉现在两者的相差不是太大,我只发现有下面一些有明显的区别
第一:cursor:hand值。 在IE中可以显示手型,但是在FF中样式不作用
第二:IE和FF的透明设置不同
&n ......
◆ 网页平面多媒体培训、认证考试免费咨询热线:400-700-5807 进入网络咨询平台 ◆
用CSS改变表格边框样式,很实用的一种方法。
制作方法:
将下面的代码复制到<body>~</body>里,此为隐藏下边框
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse; bo ......