码迷,mamicode.com
首页 > Web开发 > 详细

css之border,dispaly

时间:2016-12-01 14:37:21      阅读:176      评论:0      收藏:0      [点我收藏+]

标签:images   .com   边框   ack   生成   设置   har   idt   das   

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>

  效果图

技术分享

 

css之border,dispaly

标签:images   .com   边框   ack   生成   设置   har   idt   das   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!