css常用技巧

时间:2023-03-09 18:36:28
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