CSS3——背景文本字體連接列表樣式表格

background-color
- rgb(255,0,0，1) 最後一個值表示透明度，範圍是 0--1
background-image
- 默認平鋪重複顯示
background-repeat
- 在頁面的水平或者垂直方向平鋪
background-attachment
- 是否固定或者隨着頁面的其他部分滾動
background-position
- 位置

顏色瀏覽器

body {color:red;} h1 {color:#00ff00;} h2 {color:rgb(255,0,0);}

對其方式字體

h1 {text-align:center;} p.date {text-align:right;} p.main {text-align:justify;}

文本修飾url

a {text-decoration:none;}  //消除連接的下劃線 h1 {text-decoration:overline;} h2 {text-decoration:line-through;} h3 {text-decoration:underline;}

文本轉換（大小寫）spa

縮進.net

字體code

系列(family)htm

樣式（粗體，斜體）blog

大小

像素
em
百分比

粗細

連接

a:link - 正常，未訪問過的連接
a:visited - 用戶已訪問過的連接
a:hover - 當用戶鼠標放在連接上時
a:active - 連接被點擊的那一刻

注意：

a:hover 必須跟在 a:link 和 a:visited後面
a:active 必須跟在 a:hover後面

——鼠標放置——>

<style> a:link,a:visited { display:block; font-weight:bold; color:#FFFFFF; background-color:#98bf21; width:120px; text-align:center; padding:4px; text-decoration:none;
} a:hover,a:active { background-color:#7A991A;
}
</style>
</head>

<body>
<a href="/css/" target="_blank">這是一個連接</a>
</body>

列表樣式

設置不一樣的列表項標記爲有序列表
設置不一樣的列表項標記爲無序列表
設置列表項標記爲圖像

不一樣的瀏覽器中，圖像的位置可能不同————> 瀏覽器兼容性解決方案

表格

邊框

摺疊邊框

寬度高度

對齊方式

顏色

控制空格之間的邊框

CSS3——背景 文本 字體 連接 列表樣式 表格

CSS3——背景文本字體連接列表樣式表格