css中border-top-style屬性如何使用

發(fā)布時(shí)間：2020-09-24 09:34:36 來(lái)源：億速云閱讀：136 作者：小新欄目：web開(kāi)發(fā)

這篇文章主要介紹css中border-top-style屬性如何使用，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

css border-top-style屬性用于設(shè)置元素上邊框的樣式，只有當(dāng)這個(gè)值不是 none 時(shí)邊框才可能出現(xiàn)。在CSS1中，HTML用戶代理只需支持solid和none。

css border-top-style屬性怎么用？

作用：設(shè)置元素上邊框的樣式。

說(shuō)明：只有當(dāng)這個(gè)值不是 none 時(shí)邊框才可能出現(xiàn)。在 CSS1 中，HTML 用戶代理只需支持 solid 和 none。

注釋：任何的版本的 Internet Explorer （包括 IE8）都不支持屬性值 "inherit" 或 "hidden"。

css border-top-style屬性使用示例

<html>
<head>
<style type="text/css">
p 
{
border-style:solid;
}
p.none {border-top-style:none}
p.dotted {border-top-style:dotted}
p.dashed {border-top-style:dashed}
p.solid {border-top-style:solid}
p.double {border-top-style:double}
p.groove {border-top-style:groove}
p.ridge {border-top-style:ridge}
p.inset {border-top-style:inset}
p.outset {border-top-style:outset}
</style>
</head>
<body>
<p class="none">No top border.</p>
<p class="dotted">A dotted top border.</p>
<p class="dashed">A dashed top border.</p>
<p class="solid">A solid top border.</p>
<p class="double">A double top border.</p>
<p class="groove">A groove top border.</p>
<p class="ridge">A ridge top border.</p>
<p class="inset">An inset top border.</p>
<p class="outset">An outset top border.</p>
</body>
</html>

效果輸出：

css中border-top-style屬性如何使用

以上是css中border-top-style屬性如何使用的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

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

css中border-top-style屬性如何使用

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽