1、1添加外部样式 ltstylediv1border3px solid #000ltstyleltdiv class=quotdiv1quot这是DIV1ltdivborder为边框属性，1px为边框的宽度 1像素，solid为边框的样式 实线，#000为边框的颜色 黑色 2添加内部样式 ltdiv style=quotborder1px solid #000quot这是DIV1ltdiv；1首先，打开html编辑器，新建html文件，例如indexhtml2在indexhtml中的ltbody标签中，输入html代码ltdiv style=quotbordertop 3px solid #0b93d5borderbottom 3px solid #0b93d5quot123ltdiv3浏览器运行indexhtml页面，此时仅仅在层的上边框和下边框显示了蓝色；1打开html开发工具，新建一个html代码页面，然后创建一个ltdiv标签，并给这个标签添加文字和一个class为了solid创建ltdiv代码ltdivsolid定义一个边框ltdiv 2设置线条边框创建ltstyle标签，然后在这个标签里设置solid类的样式为实线边框css样式代码ltstyletype=\quottextcss\quot solid；1首先我们创建一个html文件，引入必须的css文件后，创建一个父div和两个子div作为测试2最简单的方法就是使用float浮动，将两个div进行左右浮动，即可设置出边距，这里适合使用百分比3然后是使用margin外边距，这也是常用的方法，可以设置上下左右边距，这里使用float将两个子div并列4这个方法；#设置div的样式接下来在style标签设置div的样式，在solid类中将边框样式设为实线边框，颜色这里用默认的黑色#保存html代码保存html代码使用浏览器打开，即可看到浏览器页面上显示一个实线边框。

2、边框样式，边框颜色3其中边框样式有点线，虚线，双线，实线等不同类别，具体样式在下图中均已列出，可根据自己的喜好选择，这里设置span的边框样式为dashed，div的为solid4最后打开浏览器，就可以看到设置好的效果了以上就是设置span和div的边框和背景色的方法介绍；在html当中，为标签设置底部边框，采用borderbottom的CSS属性即可，具体代码如下ltstyle 2con 3 borderbottom 5px solid #0004 5ltstyle6ltdiv class=quotconquot标签底部有5像素黑色边框ltdiv 超文本标记语言，标准通用标记语言下的一个应用“超文本”就是指页面内可以包含；ltdiv style=quotborder1px solid #999padding3pxquotltimg src=quot图片路径quotltdiv 这个就是用实线1像素宽的边框，padding 就是补白，做出来的效果就是里面的图片距离边框会有3像素的距离；1新建一个HTML页面2在HTML的中写上 标签，打开浏览器会有对应的效果图3内部嵌套css或者外部引用css文件一般外部引用，给div增加样式，可以统一设置边框样式4也可以分别设置边框样式；1在body区域，建立div标签，然后在div里面建立几个p标签，文字内容就写在p标签里面 2然后对p标签设置宽高属性，并只添加外轮廓 3这样之后保存下，可以看到现在状态时这样的，在浏览器中预览就可以看到效果 4如果我们想要将方框变成圆框，在样式中需要输入转成圆角的命令，即borderradius50 5。

3、1打开html开发工具，新建一个html代码页面，然后创建一个div标签，并给这个标签添加文字和一个class为了solid创建div代码div solid 定义一个边框div 2设置线条边框创建style标签，然后在这个标签里设置solid类的样式为实线边框css样式代码style type=quottextcssquotsolid borderstylesolid；1首先新建一个html文件，输入基本的内容，这里设置一个div，并把它的class设置为demo，用浏览器打开看看默认的效果2设置div的样式，这里给div300px的宽度用borderbottom属性，设置底框为3像素，用实线框，颜色偏红色，设置完成后保存查看效果3继续对边框美化，用boxshadow属性加入阴影效果；html边框圆角化可以用css中的“borderradius”属性来实现1新建html文档，在body标签中添加一个div标签，然后为这个div标签设置边框，这时默认情况下边框是直角2为div标签设置“borderradius”属性，属性值为圆角半径大小，这时边框的四个顶角都会变成圆角3为div标签设置“borderradius”属性；1新建html文档，在body标签中添加div标签，为这个标签添加一个类，类名这里以“demo”为例2为“demo”类添加“bordercolor”属性，属性值为边框的颜色，这时div边框就被添加上了颜色3为“demo”类添加“width”和“height”属性，属性值为宽度和高度的大小，这时div的宽度和高度就被设置好；元素的边框 border 是围绕元素内容和内边距的一条或多条线控制边框的属性是 border 属性边框在HTML元素的修饰中几乎无时无刻都会用到，给网页设计带来更丰富的视觉体验，通过 CSS border 属性允许你规定元素边框的样式宽度和颜色边框与背景最新CSS21 作出了解释元素的背景是包括内容。

4、ltstyle myDiv borderradius 4px *这句就是重点，让边框变为圆角* border 1px solid #CCC *让边框变为1px宽度，直线，#CCC颜色* width 500pxheight 500px ltsytle HTML代码ltdiv id=quotmyDivquot这是圆角矩形ltdiv 就是这么简单，你COPY过去就OK了另外说一句；此外，也可以使用一个值来均匀设置所有四个角的圆角程度二设置方法 设置圆角边框的步骤相对简单首先，确保你的div元素有一个明确的class或id，然后在CSS样式表中为这个元素指定borderradius属性例如css myDiv border 2px solid #333 * 设置边框宽度样式和颜色 * borderradius。