css底部雙描邊的屬性是哪個(gè)

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

富陽網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)建站,富陽網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為富陽數(shù)千家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站建設(shè)要多少錢，請找那個(gè)售后服務(wù)好的富陽做網(wǎng)站的公司定做！

css底部雙描邊是“border-bottom-style”屬性，該屬性用于設(shè)置元素底部邊框的樣式，當(dāng)屬性值設(shè)置為“double”時(shí)，可給元素的底部添加雙實(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í)線邊框，即實(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底部雙描邊的屬性是哪個(gè)

說明：

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

值	說明
none	指定無邊框
hidden	與"none" 相同。不過應(yīng)用于表時(shí)除外，對于表，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底部雙描邊的屬性是哪個(gè)

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

當(dāng)前名稱：css底部雙描邊的屬性是哪個(gè)
地址分享：http://jinyejixie.com/article32/ggihsc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供全網(wǎng)營銷推廣、企業(yè)網(wǎng)站制作、網(wǎng)站設(shè)計(jì)公司、動態(tài)網(wǎng)站、網(wǎng)站策劃、虛擬主機(jī)

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容

成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

css底部雙描邊的屬性是哪個(gè)