<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>边框</title>
<style type="text/css">
/*1.四个边设置形同的边框*/
p{
border: 1px dashed red
}
/*2.单个边框设置*/
h1{
border-left: 10px solid blue;
}
/*3.块元素一般宽度默认是100%，高度会自适应，内容越多，越高，设定固定宽度会溢出*/
p{
300px;
height: 60px;
/*溢出时自动处理*/
overflow: auto;
}
</style>
</head>
<body>
<h1>唐僧</h1>
<p>
唐僧是大唐人，师从如来佛祖;
最擅长普度众生，救人以水火之中；
他以身作则
他有三个徒弟
还有一匹坐骑
坐骑是白龙马
他以身作则
他有三个徒弟
还有一匹坐骑
坐骑是白龙马
唐僧是大唐人，师从如来佛祖;
最擅长普度众生，救人以水火之中；
他以身作则
他有三个徒弟
还有一匹坐骑
坐骑是白龙马
他以身作则
他有三个徒弟
还有一匹坐骑
坐骑是白龙马
唐僧是大唐人，师从如来佛祖;
最擅长普度众生，救人以水火之中；
</p>
</body>
</html>