上一篇: 【公司網站如何建設】CSS與HTML文檔的結合方法
下一篇: 集團網站建設公司:網頁制作
科技網站建設: 邊框屬性( Borders Properties)
邊框屬性( Borders Properties)
常用的邊框屬性有7項:border-top、border-right、border-bottom、border-left、border-widborder-color和border-style。其中border-width可以一次性設置所有的邊框寬度;如異border-color同時設置四面邊框的顏色,可以連續(xù)寫上4種顏色,并用空格分隔。上述連糾置的邊框都是按border-top、border-right、border-bottom、border-left順序(順時針)的。
(1)所有邊框寬度(border-width)
語法:border-width:medium I thin l thick I length
參數:medium為默認寬度,thin為小于默認寬度,thick為大于默認寬度。Length是由字和單位標識符組成的長度值,不可為負值。
說明:如果提供全部4個參數值,將按上、右、下、左的順序作用于4個邊框。如果提供1個參數值,將用于全部的4條邊。如果提供兩個參數值,則第1個用于上、下邊框第2個用于左、右邊框。如果提供3個參數值,則第1個用于上邊框,第2個用于左、右框,第3個用于下邊框。
要使用該屬性,必須先設定對象的height或width屬性,或者設定position屬性,absolute。
如果border-style設置為none,本屬性將失去作用。
示例:
span{ border-style: solid; border-width: thin)
span{ border-style: solid; border-width: lpx thin)
(2)邊框樣式(border-style)
語法:border-style:none I hidden l dotted l dashed l solid I double I groove l ridge l inset l outset
參數:border-style屬性包括了多個邊框樣式的參數。
none:無邊框。與任何指定的border-width值無關。
dotted:邊框為點線。
dashed:邊框為長短線。
solid:邊框為實線。
double:邊框為雙線。兩條單線與其間隔的和等于指定的border-width值。
groove:根據border-color的值畫3D凹槽。
ridge:根據border-color的值畫菱形邊框。
inset:根據border-color的值畫3D凹邊。
outset:根據border-color的值畫3D凸邊。
說明:如果提供全部4個參數值,將按上、右、下、左的順序作用于4個邊框。如果提供1個參數值,將用于全部的4條邊。如果提供2個參數值,則第1個用于上、下邊,1 2個用于左、右邊。如果提供3個參數值,則第1個用于上邊,第2個用于左、右邊,第個用于下邊。
要使用該屬性,必須先設定對象的height或width屬性,或者設定position屬性為absolut 如果border-width不大于0,本屬性將失去作用。
上一篇: 【公司網站如何建設】CSS與HTML文檔的結合方法
下一篇: 集團網站建設公司:網頁制作