HTML+CSS 轻松入门之盒子模型之边框（上）
盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个属性)。
如下代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>边框</title>
<style type="text/css">
p{
border:1px solid red;
/*也可分开来写*/
/* border-width: 1px;*/ /*粗细*/
/* border-style: solid;*/ /*样式，实线，虚线，等*/
/* border-color: red;*/ /*颜色*/
/* dashed（虚线）| dotted（点线）| solid（实线） 小伙伴们可以试一下*/
}
</style>
</head>
<body>
<p> 我的世界因为有你才会美 我的天空因为有你不会黑 给我快乐为我伤心流眼泪
给我宽容能让我展翅高飞
你的话你的泪 你的笑你的美
在我眼中胜过最美的玫瑰
抱着梦往前飞 不逃避不后退
你是我成功路上的堡垒！
给我翅膀 让我可以翱翔
给我力量 是你让我变坚强
不怕受伤 因为有你在身旁
你的笑你的泪 是我逐梦路上最美的太阳 </p>
</body>
</html>颜色可以写成十六进制 #ccc #f60 等
border-width（边框宽度）中的宽度也可以设置为：
thin | medium | thick（但不是很常用），最常还是用象素（px）
