css3支持border屬性,該屬性從css1時(shí)就已經(jīng)開始支持了;border屬性是邊框?qū)傩缘暮?jiǎn)寫屬性,可以用于指定元素邊框的樣式、寬度和顏色,屬性值只設(shè)置一個(gè)值時(shí),其他值會(huì)設(shè)置成對(duì)應(yīng)屬性的初始值,語(yǔ)法為“元素{border:border-width,,border-style,border-color;}”。
本教程操作環(huán)境:windows10系統(tǒng)、CSS3&&HTML5版本、Dell G3電腦。
css3支持border屬性
border 是邊框?qū)傩缘暮?jiǎn)寫屬性。
CSS border 屬性用于指定元素邊框的樣式、寬度和顏色。
可以設(shè)置的屬性分別(按順序):border-width, border-style 和 border-color。
也可以只設(shè)置一個(gè)值,例如 border:#FF0000; 是正確的,其他值會(huì)設(shè)置成對(duì)應(yīng)屬性的初始值。
語(yǔ)法格式
可以使用下面列出的一個(gè),兩個(gè)或三個(gè)值來(lái)指定 border 屬性,值的順序無(wú)關(guān)緊要:
/* 邊框樣式 */ border: solid; /* 邊框?qū)挾?| 邊框樣式 */ border: 2px dotted; /* 邊框樣式 | 邊框顏色 */ border: outset #f33; /* 邊框?qū)挾?| 邊框樣式 | 邊框顏色 */ border: medium dashed green; /* 全局值 */ border: inherit; border: initial; border: unset;
如果邊框的樣式未定義,它將不可見。這是因?yàn)闃邮侥J(rèn) 為none。
示例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>123</title> <style> p { border:5px solid red; } </style> </head> <body> <p>段落中的一些文本。</p> </body> </html>
輸出結(jié)果:
(學(xué)習(xí)視頻分享:css視頻教程、html視頻教程)