您现在的位置:首页 >> 前端 >> 内容

CSS样式(二)

时间:2017/6/22 9:33:00 点击:

  核心提示:链接设置链接的样式与链接样式有关的CSS属性:color ,font-family,background等等链接的四种状态:a:link - 普通的 a:visited - 用户已访问的链接 a:ho...

链接

设置链接的样式

与链接样式有关的CSS属性:color ,font-family,background等等
链接的四种状态:

a:link - 普通的 a:visited - 用户已访问的链接 a:hover - 鼠标指针位于链接的上方 a:active - 链接被点击的时刻

常见的设置链接样式的方法:
文本修饰
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 属性。

Tags:CS SS S样 样式 
作者:网络 来源:fishycx的专栏