5、边框属性和display

1,Style类属性用于设置元素边框的样式。可以使之为none、dotted(点线)、dashed(虚线)、solid(实现)、double(双线)、groove(凹槽)、ridge(凸槽)、inset(凹边)、outset(凸边)。

布局:

2,Display:inline|block|none

代码:Border的属性

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <style type="text/css">
        p {
            border-top-width:3px;
            border-color:black;
            border-top-style:double;
        }
    </style>
</head>
<body>
        <p>下午我们做一个网页出来回家吃饭</p>
</body>
</html>

代码:Display

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
</head>
<body>
        <div style="display:inline;">我是一个div</div>
    <span style="display:block;">我是一个span</span><span>我也是一个span</span>
</body>
</html>

 

posted @ 2020-06-14 16:56  进一步海阔天空  阅读(215)  评论(0编辑  收藏  举报