CSS 框線設定

標籤語法
從前只有表格可以有框線,若配合區塊設定,任何的元件都可以擁有框線。
border-top-width
(框線的寬度)
border-top-width:thin;top可以換成bottom、left、right,分別設定上面、下面、左邊、右邊的框線寬度;thin可以換成thin(細框)、medium(一般)、thick(粗框)也可以用border-top-width:5px數值指定框線的寬度。
border-width
(所有框線的寬度)
如果你想全部設成一樣的話,直接利用這個寫法:
border-width:thick
border-width:5px
border-top-color
(設定框線顏色)
border-top-color:#ff0000或 red;top可以換成bottom、left、right,分別設定上面、下面、左邊、右邊的框線顏色。
border-color
(所有框線的顏色)
如果你想全部設成一樣的話,直接利用這個寫法:
border-color:#ff0000
border-color:red
border-color:rgb(128,255,255)
border-top-style
(框線樣式)
border-top-style:soild;soild可以換成none、dotted、dashed、solid、double、groove、ridge、insert、outset。因為這些線實在很難用中文形容,請自己試一試; top可以換成bottom、left、right,分別設定上面、下面、左邊、右邊的框線樣式。
border-style
(所有框線的樣式)
如果你想全部設成一樣的話,直接利用這個寫法:
border-style:dashed

網頁研習室製作