您的位置:CSS5 > CSS笔记 >

div加边框样式的实例

发布日期:2020-02-16 20:51:57 来源:WWW.CSS5.COM.CN

边框是一个CSS样式来实现,对div、P、span、a等标签都可以加边框样式。

一、边框CSS样式单词:

border —— 边框样式

对div加边框,通常可以加四个边、单独边、单独两条、三条边都可以设置。

div添加边框一般div会设置id或class,引入外部CSS样式。

二、一个DIV加边框实例:

1、代码

div{ margin-bottom:10px}
.dan{ border-top:1px solid #F00}
.si{ border:1px solid #03F}
.xu{ border:2px dashed #390}

2、html代码

<div class="dan">对div只加上边框样式</div>
<div class="si">div四边设置实线边框</div>
<div class="xu">div四条边都设置虚线边框</div>

3、效果截图

边框实例
给div添加边框的实例截图

可以拷贝实例代码试一试。

以上实例直接HTML代码中使用style标签来设置外部CSS样式,一般通过Link来引入外部CSS文件从而引入CSS样式,只是这里为了实例方便就直接将CSS样式设置在html中。

标签(Tag): 边框 div
本文分享URL地址:https://www.css5.com.cn/biji/1622.shtml

作者:CSS5原创

上一页:上一篇:html每个段落文字空两个字节文字方法
下一页:下一篇:css边框样式-拷贝代码就可以试一试掌握边框属性