下划线 和 文字按钮下划线
.txt{ border-botton: 1px solid #932093; color: #000; border-top: 0px; border-left: 0px; border-right: 0px; background-color: transparent;/*背景为透明*/}
文字为按钮:
.btn{ background-color: transparent; border: 0px;}
-----------------------------------------------------
鼠标在链接上显示不同的图片
a.help:hover{ cursor: help;}
-----------------------------------------------------
列表的符号的属性:
ul{ list-style-type: circle;}
列表的图片的属性:
ul{ list-style-image: url(icon1.jpg);}
菜单:
#nav ul{ list-style-type:none;}
横向下拉菜单
#nav ul{ list-style-type:none;}
#nav li{ float: left; /*把所有的菜单水平的显示*/}
-----------------------------------------------------
滤镜的使用IE(only)
alpha透明:filter:alpha(opacity=80);(透明)
blur模糊:filter:blurfilter:progd:DXImageTransform.Microsoft.blur(pixelradius=4, makeshadow=false);(模糊)
chroma去色:filter:chroma(color=#FF6800);(去色)color是希望去掉的颜色
Flip翻转:.filter:fliph (图片水平翻转).filter:flipv (图片竖直翻转).filter:flipv fliph (图片水平 and 竖直翻转)
mask遮罩:filter:mask(color=#bbccdd); (遮罩)(color是希望遮罩的颜色)
wave波浪:filter:wave(add=0,freq=2,lightstrength=70,phase=75,strength-4);
filter混合应用filter:flipv alpha(opacity=80) wave(add=0, freq=15, lightstrength=30,phase=0,strength=4);
-----------------------------------------------------
固定宽度并且居中
body{ text-align:center; (body中所以元素都居中)}
#containt{ position: relative; margin: 0 auto; (margin上下为零,左右自动调整) width:800px; tex-align: left;(覆盖body中text-align)}
-----------------------------------------------------
#nav li{ list-style-type: none; padding: **;
border-left: 1px solid white; display: inline; (建立水平导航条)}
#nav li:first-child{ border: none;}
No comments:
Post a Comment