css之border,dispaly

时间：2016-12-01 14:35:08 阅读：275 评论：0 收藏：0 [点我收藏+]

border:即为边框设置

　　solid:实线

　　dashed:虚线

　　dotted:圆点线

css代码：

.c1{
    width: 100%;
    height: 50px;
    border: 25px dotted red ;
}

效果图：

技术分享　　

display:规定元素应该生成的框的类型

也有三个重要属性：

　　none:隐藏，不显示框

　　block:使成为块级标签

　　inline:使成为内联标签

1、inline：使变成内联标签　　

css代码：

.c1{
    background-color: #00a2ca;
    display: inline;
}

　　html代码：

<body>
        <div class="c1">这是我的测试</div>
</body>

　　效果图：

技术分享

2、block：使变成块级标签

　　css代码：

a{
    background-color: #00a2ca;
    display: block;
}

　　html代码

<body>
        <a>我的测试</a>
</body>

　　效果图

技术分享

原文：http://www.cnblogs.com/kongzhagen/p/6121500.html

踩

(0)

评论一句话评论（0）

分享档案

更多>