css border属性允许你规定元素边框的样式，宽度和颜色.
css边框:在html中，我们使用表格来创建文本周围的边框，但是 通过使用css边框属性，
我们可以创建出效果出色的边框，并且可以应用于任何元素,
元素外边距内就是元素的边框(border),元素的边框就是围绕元素内容和内边距的一条或多条线.每个边框有3个方面:宽度、样式/以及颜色。
控制文本与边框的距离，要使用css的内边距属性padding来实现。请看下方示例代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html charset=utf-8" />
<title>angular demo</title>
</head>
<body>
<style type="text/css">
.box{width:150pxheight:150pxborder:1px solid #333padding:10pxfont-size:12px}
</style>
<div class="box">
这里是测试的文字，修改padding值就可以改变文字距离边框的距离了。
</div>
</body>
</html>
示例中设置的padding值为10px；文字距离边框的距离即为10px。可通过修改值来改变距离。实现效果如下图：
