css border-top-style属性怎么用


本文摘自PHP中文网,作者藏色散人,侵删。

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属性使用示例

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

<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>

效果输出:

63a4be305624515965c7aee423ee3df.png

以上就是css border-top-style属性怎么用的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

css是什么缩写

css什么是圣杯布局?

怎么用div布局?

边框css四边怎么加

jquery如何使用css方法让按钮不可点击

使用html和css的新特性实现响应式布局

css怎么给删除线设置颜色

firefox中css如何把图片变成灰色

css实现背景图片拉伸填充

css target怎么用

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...