css中添加边框的代码为
border: width style color /*分别设置边框粗细、样式、颜色*/示例如下：
创建Html元素：一个包含文章内容的div
<div class="post">这是示例的文章。</div>设置css样式
div.post{width:400pxheight:100px
padding:10px
border:2px solid #ebbccb /*设置边框为2px粗，实线，#ebbccb色*/
}
观察显示效果
css字体下的边框怎么变短1.打开编辑器，在编辑器里新建test.html，用来学习今天的内容
2. 在body区域，新建一个class为study的div
3. 在style标签内,给study设置宽300px，高200px,粗细为1px的黑色边框
4. 在浏览器中打开test.html，可以看到一个黑色边框的长方形
5. 回到编辑器，在style标签内，将study的border属性后面的1px改成3px
6. 再次在浏览器中打开test.html，会发现页面里长方形的边框变粗了
