CSS 外輪廓屬性簡(jiǎn)寫(xiě)outline

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

outline簡(jiǎn)寫(xiě)屬性在一個(gè)聲明中設(shè)置所有外輪廓的屬性，可以按順序設(shè)置如下屬性:

? outline-width;

? outline-style;

? outline-color;

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

下面使用兩種方法實(shí)現(xiàn)外輪廓。

【例題】設(shè)置外輪廓屬性

代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>Document</title>

<style>

.outline1{

width: 200px;

height: 200px;

outline-width: 20px ;

outline-style:solid ;

outline-color:red ;

}

.outline2{

width: 200px;

height: 200px;

outline:solid green 20px;

}

</style>

</head>

<body>

</body>

</html>

相關(guān)視頻回答

回復(fù)(0)