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>
效果图
时间: 2024-11-05 14:54:33