链接
设置链接的样式
与链接样式有关的CSS属性:color ,font-family,background等等
链接的四种状态:
常见的设置链接样式的方法:
文本修饰
text-decoration 属性大多用于去掉链接中的下划线:
背景色
background-color 属性规定链接的背景色:
CSS 列表
列表类型
list-style-type:
ul{list-style-type:square}
列表图像
ul li {list-style-image : url(xxx.gif)}
列表标志位置
ul{ list-style-position:inside; }
简写列表样式
li {list-style : url(example.gif) square inside}
表格
表格边框
table, th, td { border: 1px solid blue; }
折叠边框
border-collapse 属性设置是否将表格边框折叠为单一边框:
表格宽度和高度
table { width:100%; } th { height:50px; }
轮廓
在元素周围划线
注释:只有在规定了 !DOCTYPE 时,Internet Explorer 8 (以及更高版本) 才支持 outline 属性。
设置轮廓的颜色
注释:只有在规定了 !DOCTYPE 时,Internet Explorer 8 (以及更高版本) 才支持 outline-color 属性。
设置轮廓的样式
A dotted outline
A dashed outline
A solid outline
A double outline
A groove outline
A ridge outline
An inset outline
An outset outline
注释:只有在规定了 !DOCTYPE 时,Internet Explorer 8 (以及更高版本) 才支持 outline-style 属性。
设置轮廓的宽度
This is some text in a paragraph.
This is some text in a paragraph.
注释:只有在规定了 !DOCTYPE 时,Internet Explorer 8 (以及更高版本) 才支持 outline-width 属性。