css常用技巧

去点号
list-style:none; 

 

字体居中

text-align:center; 

 

链接去下划线

text-decoration:none;

 

鼠标禁止右键

<body oncontextmenu=self.event.returnValue=false onselectstart="return false"> <!-- 禁止右键-->

 

单行文字垂直居中,需要div高和行高相等

height:60px;

line-height:60px;

 

div里的文字水平居中,加上 text-align:center

height:60px;

line-height:60px;

text-align:center;

 

设置div居中

margin:0 auto;

 

鼠标遇链接变手型

cursor:pointer;

 

图片在div层居中,center

BACKGROUND:url(images/image.gif) #FFF no-repeat center;

 

表格两条线合并成一条变细

border-collapse:collapse;

 

菜单制作设置border时变厚的解决办法

border-bottom: 1px solid #ccc;

 

 伪类

a:link {color: #FF0000} /* 未访问的链接 */

a:visited {color: #00FF00} /* 已访问的链接 */

a:hover {color: #FF00FF} /* 鼠标移动到链接上 */

a:active {color: #0000FF} /* 选定的链接 */

 首字下沉,设置第一个字母的样式即可

p::first-letter

 



你可能感兴趣的:(css)