1.css实现表格隔行换色
例:伪类选择器奇数实现:odd
tbody tr:nth-child(odd){
background-color: orangered;
}
例:伪类选择器偶数实现:even
tbody tr:nth-child(even){
background-color: indianred;
}
-
合并单元的边框:border-collapse:collapse;
-
去除标签的轮廓:outline:none;
-
禁止文本域大小随意拖动:resize:none;
-
:focus伪类,当元素获取焦点是 可以设置其样式
例:.或#input:focus{ background-color: indianred; }
6.属性选择器
例:重置样式的设置 input[type=submit]{ background-color: red; color:white; border-radius: 5px; letter-spacing: 5px; }
7.轮廓样式
outline-style属性指定轮廓的样式,并可设置如下值:
dotted-定义点状的轮廓。 dashed -定义虚线的轮廓。
solid-定义实线的轮廓。
double-定义双线的轮廓。
groove-定义3D凹槽轮廓。
ridge -定义3D凸槽轮廓。
inset-定义3D凹边轮廓。
outset-定义3D凸边轮廓。
none-定义无轮廓。 hidden-定义隐藏的轮廓。
p.dotted { outline-style: dotted; } p.dashed { outline-style: dashed;} p. solid { outline-style: solid; } p.double { outline-style: double; } p.groove { outline-style: groove; } p.ridge { out7ine-style: ridge; } p.inset { outline-style: inset; } p.outset { outline-style: outset; }
8.轮廓的宽度
outline-width属性指定轮廓的宽度,并可设置如下值之—:
thin (通常为1 px) medium(通常为3px).
thick(通常为5px) 特定尺寸(以px、pt、 cm.em计)
下例展示了一些不同宽度的轮廓:
p.ex1 { outline-sty1e: solid; outline-color: red; outline-width: thin; }