溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

css底部雙描邊的屬性是哪個

發(fā)布時間：2022-05-19 09:34:38 來源：億速云 閱讀：132 作者：zzz 欄目：web開發(fā)

今天小編給大家分享一下css底部雙描邊的屬性是哪個的相關(guān)知識點(diǎn)，內(nèi)容詳細(xì)，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

css底部雙描邊是“border-bottom-style”屬性，該屬性用于設(shè)置元素底部邊框的樣式，當(dāng)屬性值設(shè)置為“double”時，可給元素的底部添加雙實(shí)線邊框，即雙描邊效果；語法“border-bottom-style:double”。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css底部雙描邊是“border-bottom-style”屬性。

border-bottom-style屬性用于設(shè)置元素底部邊框的樣式

當(dāng)該屬性的值設(shè)置為“double”時，可給元素的底部添加雙實(shí)線邊框，即實(shí)現(xiàn)雙描邊效果。

示例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			p.double {
				border-bottom-style: double;
			}
		</style>
	</head>
	<body>
		<p>無邊界。</p>
		<p class="double">雙線底邊界。</p>
	</body>
</html>

css底部雙描邊的屬性是哪個

說明：

border-bottom-style屬性的值除了double，還有：

值說明
none指定無邊框
hidden與"none" 相同。不過應(yīng)用于表時除外，對于表，hidden 用于解決邊框沖突。
dotted指定點(diǎn)狀邊框
dashed指定虛線邊框
solid指定實(shí)線邊框
groove定義雙線。雙線的寬度等于 border-width 的值
ridge定義三維菱形邊框。其效果取決于 border-color 的值
inset定義三維凹邊框。其效果取決于 border-color 的值
outset定義三維凸邊框。其效果取決于 border-color 的值
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			p.dotted {
				border-bottom-style: dotted;
			}

			p.dashed {
				border-bottom-style: dashed;
			}

			p.solid {
				border-bottom-style: solid;
			}

			p.groove {
				border-bottom-style: groove;
			}

			p.ridge {
				border-bottom-style: ridge;
			}

			p.inset {
				border-bottom-style: inset;
			}

			p.outset {
				border-bottom-style: outset;
			}
		</style>
	</head>

	<body>
		<p class="dotted">點(diǎn)底邊界。</p>
		<p class="dashed">虛線底邊界。</p>
		<p class="solid">實(shí)線底邊界。</p>
		<p class="groove">凹槽底邊界。</p>
		<p class="ridge">壟狀底邊界。</p>
		<p class="inset">嵌入底邊界。</p>
		<p class="outset">外凸底邊界。</p>
	</body>
</html>

css底部雙描邊的屬性是哪個

以上就是“css底部雙描邊的屬性是哪個”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

css
AI
助
手