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

发布时间：2020-09-24 09:34:36 阅读：146 作者：小新栏目：web开发

前端开发者测试专用服务器限时活动，0元免费领，库存有限，领完即止！点击查看>>

这篇文章主要介绍css中border-top-style属性如何使用，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

css border-top-style属性用于设置元素上边框的样式，只有当这个值不是 none 时边框才可能出现。在CSS1中，HTML用户代理只需支持solid和none。

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

作用：设置元素上边框的样式。

说明：只有当这个值不是 none 时边框才可能出现。在 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属性如何使用的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！

亿速云「云服务器」，即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘，价格低至29元/月。点击查看>>

向AI问一下细节

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

猜你喜欢

最新资讯

相关推荐

开发者交流群：

相关标签