CSS樣式——邊框、背景、表格

border 邊框屬性——應用於所有塊級標籤

行內標籤轉換爲塊級標籤——display:block;

簡寫順序

border-top-right-bottom-left;
border-width-style-color

例如:
p.abc {
      border-style:solid botted dashed double;
}
p.acd {
      border:3px solid red;
}

屬性

width:寬度
1)thin 細的邊框。
2)medium 中等的邊框(默認)
3)thick 粗的邊框
4)數值
style:設置邊框樣式
1)none 無邊框
2)hidden 與 “none” 相同。不過應用於表時除外,對於表,hidden 用於解決邊框衝突。
3)dotted 點狀邊框。在大多數瀏覽器中呈現爲實線。
4)dashed 虛線。在大多數瀏覽器中呈現爲實線。
5)solid 實線 ….
color:

背景樣式

簡寫順序

background-color-position-[size]-repeat-[origin]-[clip]-attachment-image
[ ]CSS3的屬性
如果不設置其中的某個值,也不會有問題,比如

background:#ff0000 url('smiley.gif'); 也是允許的。

屬性

background 簡寫
background-attachment 背景圖像是否固定或者隨着頁面的其餘部分滾動。
1)scroll 背景圖像隨着頁面而移動。(默認)
2)fixed 當頁面的其餘部分滾動時,背景圖像不會移動。
background-color 背景顏色。
background-image 把圖像設置爲背景。
background-position 設置背景圖像的起始位置。
background-repeat 設置背景圖像是否及如何重複。

表格樣式

表格文本對齊
text-align 和 vertical-align 屬性設置表格中文本的對齊方式。
text-align 水平對齊方式,比如左對齊、右對齊或者居中
vertical-align 垂直對齊方式,比如頂部對齊、底部對齊或居中對齊

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章