1、1在body区域，建立div标签，然后在div里面建立几个p标签，文字内容就写在p标签里面 2然后对p标签设置宽高属性，并只添加外轮廓 3这样之后保存下，可以看到现在状态时这样的，在浏览器中预览就可以看到效果 4如果我们想要将方框变成圆框，在样式中需要输入转成圆角的命令，即borderradius50 5。

2、1首先新建一个html文件，输入基本的内容，这里设置一个div，并把它的class设置为demo，用浏览器打开看看默认的效果2设置div的样式，这里给div300px的宽度用borderbottom属性，设置底框为3像素，用实线框，颜色偏红色，设置完成后保存查看效果3继续对边框美化，用boxshadow属性加入阴影效果。

3、#设置div的样式接下来在style标签设置div的样式，在solid类中将边框样式设为实线边框，颜色这里用默认的黑色#保存html代码保存html代码使用浏览器打开，即可看到浏览器页面上显示一个实线边框。

4、1打开html开发工具，新建一个html代码页面，然后创建一个div标签，并给这个标签添加文字和一个class为了solid创建div代码div solid 定义一个边框div 2设置线条边框创建style标签，然后在这个标签里设置solid类的样式为实线边框css样式代码style type=quottextcssquotsolid borderstylesolid。

5、1新建html文档，在body标签中添加一个div标签，然后为这个div标签设置边框，这时默认情况下边框是直角2为div标签设置“borderradius”属性，属性值为圆角半径大小，这时边框的四个顶角都会变成圆角3为div标签设置“borderradius”属性，属性值分别对应边框的左上角右上角右下角和左下角。

6、ltdiv style=quotborder1px solid #999padding3pxquotltimg src=quot图片路径quotltdiv 这个就是用实线1像素宽的边框，padding 就是补白，做出来的效果就是里面的图片距离边框会有3像素的距离。

7、1打开编辑器，新建一个HTML文档，并且编写基本框架2新建一个CSS文档，并且关联刚刚创建的HTML文档3新建一个div标签，可以看到这个div默认是没有边框的4border1pxsolidred这是我们设置边框的常用格式5我们可以把边框改为点状式的6也可以修改为虚线形状的。

8、1新建html文档，在body标签中添加div标签，为这个标签添加一个类，类名这里以“demo”为例2为“demo”类添加“bordercolor”属性，属性值为边框的颜色，这时div边框就被添加上了颜色3为“demo”类添加“width”和“height”属性，属性值为宽度和高度的大小，这时div的宽度和高度就被设置好。

9、打开一个html代码页面，创建一个div标签使用css设置背景图片边框为2px的虚线边框 保存html代码后使用浏览器打开，即可看到div标签上显示了一个虚线的边框 css设置边框的方法1在一个border简写属性设置边框2按照borderwidthborderstylebordercolor属性顺序依次设置边框样式。

10、1添加外部样式 ltstylediv1border3px solid #000ltstyleltdiv class=quotdiv1quot这是DIV1ltdivborder为边框属性，1px为边框的宽度 1像素，solid为边框的样式 实线，#000为边框的颜色 黑色 2添加内部样式 ltdiv style=quotborder1px solid #000quot这是DIV1ltdiv。

11、1打开html开发工具，新建一个html代码页面，然后创建一个ltdiv标签，并给这个标签添加文字和一个class为了solid创建ltdiv代码ltdivsolid定义一个边框ltdiv 2设置线条边框创建ltstyle标签，然后在这个标签里设置solid类的样式为实线边框css样式代码ltstyletype=\quottextcss\quot solid。

12、示例lt！DOCTYPE html lthtml lthead ltmeta charset=quotutf8quot lttitle边框宽度 在线演示 lttitle ltstyle div1，div2，div3 width300px height60px margintop5px *CSS注释说明设置三个样式选择器相同属性* div1 border2px solid #F00 div2 border4px。

13、1首先我们创建一个html文件，引入必须的css文件后，创建一个父div和两个子div作为测试2最简单的方法就是使用float浮动，将两个div进行左右浮动，即可设置出边距，这里适合使用百分比3然后是使用margin外边距，这也是常用的方法，可以设置上下左右边距，这里使用float将两个子div并列4这个方法。

14、实现方式如下1先设全边框，再取消上下边框样式 border1px solid #ccc borderstyle solid2先设全边框，再取消上下边框的宽度 border1px solid #ccc borderwidth0 1px3先设全边框，再取消上下边框 border1px solid #ccc bordertop borderbottom4直接设置。

15、1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码ltdiv style=quotbordertop 3px solid #0b93d5borderbottom 3px solid #0b93d5quot123ltdiv3浏览器运行indexhtml页面，此时仅仅在层的上边框和下边框显示了蓝色。

16、CSS代码ltstyle myDiv borderradius 4px *这句就是重点，让边框变为圆角* border 1px solid #CCC *让边框变为1px宽度，直线，#CCC颜色* width 500pxheight 500px ltsytle HTML代码ltdiv id=quotmyDivquot这是圆角矩形ltdiv 就是这么简单，你COPY过去就OK了另外说。