CSS 進(jìn)框?qū)傩院唽慴order

提問人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-18

border簡寫屬性在一個(gè)聲明中設(shè)置所有的邊框?qū)傩?，可以按順序設(shè)置如下屬性:

?border-width;

?border-style;

?border一color0

如果不設(shè)置其中的某個(gè)值，也不會(huì)出問題，比如border:solid #ff0000也是允許的。但是這樣并不會(huì)顯示邊框，因?yàn)樯倭藢挾?。寬度?的情況下，邊框是不會(huì)顯現(xiàn)出來的。

下面使用兩種方法實(shí)現(xiàn)邊框。

【例題】設(shè)置邊框?qū)傩?/p>

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

.border1{

width: 200px;

height: 200px;

border-width: 20px 10px 15px 5px;

border-style:solid dashed dotted;

border-color:red #00ff00 rgb(0,0,255);

}

.border2{

width: 200px;

height: 200px;

border:solid green 20px;

}

</style>

</head>

<body>

</body>

</html>

相關(guān)視頻回答

回復(fù)(0)