这篇文章主要讲解了“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边框如何使用这一问题有了更深刻的体会，具体使用情况还需要大家实践验证。这里是云搜网，小编将为大家推送更多相关知识点的文章，欢迎关注！
