首頁 >web前端 >css教學 >在css中設定邊框可以用哪些屬性

在css中設定邊框可以用哪些屬性

王林
王林原創
2021-02-24 16:52:0710403瀏覽

在css中設定邊框可以用border屬性、border-style屬性、border-width屬性、border-color屬性等。邊框屬性允許我們指定一個元素邊框的樣式和顏色。

在css中設定邊框可以用哪些屬性

本文操作環境:windows10系統、css 3、thinkpad t480電腦。

邊框屬性簡介:

CSS邊框屬性可讓你指定一個元素邊框的樣式和顏色。

常用屬性:

  • border    簡寫屬性,用來設定針對四個邊的屬性在一個宣告。   

  • border-style    用來設定元素所有邊框的樣式,或是單獨設定邊框樣式。   

  • border-width    簡寫屬性,用於為元素的所有邊框設定寬度,或單獨為各邊邊框設定寬度。   

  • border-color    簡寫屬性,設定元素的所有邊框中可見部分的顏色,或為 4 個邊分別設定顏色。

範例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网</title>
<style>
p.one 
{
	border-style:solid;
	border-width:5px;
}
p.two 
{
	border-style:solid;
	border-width:medium;
}
p.three
{
	border-style:solid;
	border-width:1px;
}
</style>
</head>

<body>
<p class="one">一些文本。</p>
<p class="two">一些文本。</p>
<p class="three">一些文本。</p>
</body>

</html>

運行結果:

在css中設定邊框可以用哪些屬性

推薦學習:CSS教學

以上是在css中設定邊框可以用哪些屬性的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn