<!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{
?????????width: 300px;
?????????height: 60px;
?????????/*溢出时自动处理*/
?????????overflow: auto;
???????}
</style>
</head>
<body>
???<h1>唐僧</h1>
????<p>
????????唐僧是大唐人，师从如来佛祖;
????????最擅长普度众生，救人以水火之中；
????????他以身作则
????????他有三个徒弟
????????还有一匹坐骑
????????坐骑是白龙马
?????????他以身作则
????????他有三个徒弟
????????还有一匹坐骑
????????坐骑是白龙马
????????唐僧是大唐人，师从如来佛祖;
????????最擅长普度众生，救人以水火之中；
????????他以身作则
????????他有三个徒弟
????????还有一匹坐骑
????????坐骑是白龙马
?????????他以身作则
????????他有三个徒弟
????????还有一匹坐骑
????????坐骑是白龙马
????????唐僧是大唐人，师从如来佛祖;
????????最擅长普度众生，救人以水火之中；
????
????</p>
</body>
</html>
CSS_边框
原文地址：http://www.cnblogs.com/Bighua123/p/7581179.html