CSS边框如何使用
CSS边框如何使用
这篇文章主要讲解了“CSS边框如何使用”，文中的讲解内容简单清晰，易于学习与理解，下面请大家跟着小编的思路慢慢深入，一起来研究和学习“CSS边框如何使用”吧！
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<style type="text/css">
/*1.四个边设置相同的边框*/
p{
border:1px dashed red;
}
/*2.单个边设置边框*/
/*left/right/top/bottom*/
h2{
border-left: 10px solid blue;
}
/*3.块元素一般宽度默认是100%，高度为自适应，内容越多，它越高。当给他固定高度时，可能会导致内容溢出，*/
p{
width: 300px;
height: 60px;
/*溢出时的处理*/
overflow:auto;
}
</style>
<body>
<h2>李白</h2>
<p>
李白（701年－762年） ，字太白，号青莲居士，又号“谪仙人”，是唐代伟大的浪漫主义诗人，
被后人誉为“诗仙”，与杜甫并称为“李杜”，为了与另两位诗人李商隐与杜牧即“小李杜”区别，
杜甫与李白又合称“大李杜”。据《新唐书》记载，李白为兴圣皇帝（凉武昭王李暠）九世孙，
与李唐诸王同宗。其人爽朗大方，爱饮酒作诗，喜交友。
</p>
</body>
</html>
感谢各位的阅读，以上就是“CSS边框如何使用”的内容了，经过本文的学习后，相信大家对CSS边框如何使用这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是恰卡编程网，小编将为大家推送更多相关知识点的文章，欢迎关注！
目录
推荐阅读
0 条评论
本站已关闭游客评论，请登录或者注册后再评论吧~