您的位置：首页 > Web前端 > CSS

CSS基础 border-top在指定p标签的文本上方添加双细实线

2016-09-27 08:52 429 查看

慈心积善融学习，技术愿为有情学。善心速造多好事，前人栽树后乘凉。我今于此写经验，愿见文者得启发。

1、代码

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<meta charset="utf-8" />
<style type="text/css">
#p1{
border-top:double;
}
</style>
</head>
<body>
<p>一切有为法，</p>
<p id="p1">如梦幻泡影，<br />
如露亦如电，
</p>
<p>应作如是观</p>
<!--换行和新建段落要看 中间有没有空隙-->
</body>
</html>

2、效果图

扩展

border-top在指定p标签的文本上方添加粗虚线

border-top:dashed;

border-bottom在指定p标签的文本下方添加双细实线

border-bottom:double;

感恩曾经帮助过心少朴的人。

html+css+javascript优秀，值得学习。
注：此文是自学笔记所生，质量中下等，故要三思而后行。新手到此，不可照搬，应先研究其理象数，待能变通之时，自然跳出深坑。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航