CSS 外輪廓屬性簡寫outline

提問人：劉團圓發(fā)布時間：2020-11-18

outline簡寫屬性在一個聲明中設置所有外輪廓的屬性，可以按順序設置如下屬性:

? outline-width;

? outline-style;

? outline-color;

如果不設置其中的某個值，也不會出問題，比如outline:solid #ffOOOO也是允許的。但是這樣并不會顯示外輪廓，因為少了寬度。寬度為0的情況下，外輪廓是不會顯現(xiàn)出來的。

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

【例題】設置外輪廓屬性

代碼如下：

<!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>

相關視頻回答

回復(0)