例子如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8" />
<title>无标题文档</title>
</head>
<body>
<div style="border:3px #000 solidborder-top-right-radius:10pxborder-top-left-radius:5pxborder-bottom-left-radius:6pxborder-bottom-right-radius:20pxwidth:50pxheight:50pxbackground:#f60"></div>
<div style="border:3px #000 solidborder-radius:10pxwidth:50pxheight:50pxbackground:#fff"></div>
</body>
</html>
1、打开WORD软件，在菜单，点击“页面布局”-“页面边框”，如图：2、出现页面边框对话框，可以对边框进行设置“有”或“无”。有的的形式，还有横线的式样。如果选择方框为有，在右边就马上看到设置后效果，如图：3、还可以通过表格工具调整边框大小。在“样式”这里可以对线的“样式”，“颜色”，线的“宽度”进行设置。css+div的边框是花纹的，其代码为:
css:#dash{border:1px dashed redwidth:200pxheight:60px}
html:<div id="dash"></div>
css+div的标准含义:叠样式表（Cascading Style Sheets）的缩写，用于定义HTML元素的显示形式，是W3C推出的格式化网页内容的标准技术。网页设计者必须掌握的技术之一。
css+div可以通俗的解释为:如果把整个房间的地板比喻成一个网页的话,那<div>就是地板砖,一个个的排列起来,组成了这个网页.而这 些div你要他怎样显示呢?就靠CSS来控制他的大小。
代码定义:就是程序员用开发工具所支持的语言写出来的源文件，是一组由字符、符号或信号码元以离散形式表示信息的明确的规则体系。
代码的用处:代码是实现你需要的过程。
