CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括边距，边框，填充，和实际内容盒模型允许我们在其它元素和周围元素边框之间的空间放置元素下面的图片说明了盒子模型Box Model不同部分的说明Margin外边距 清除边框外的区域，外边距是透明的Border边框 围绕在内边距和内容外。

在CSS中，border是用于定义元素边框样式的属性通过设置border属性，你可以为元素添加边框，并指定边框的宽度样式和颜色border属性的语法如下border width style color下面是对上述语法中各个属性的解释width指定边框的宽度可以使用像素px百分比%或其他长度单位来指定style指定边框。

bordercolor redborderstyle solid 注意，上述的三个属性borderwidthbordercolorborderstyle，可以一起合并到一个属性中，即quotborderquot所以，上述的代码也可以简写为css example border 2px solid red 上述的所有样式都是可以在一个元素的所有四边上下左右上。

1新建一个html文件，创建一个类名为wrap的div2先通过css类选择器选择到div来控制div的宽度和高度和背景颜色没有边框时方便看出来div的大小3通过div 的border属性控制边框颜色，设置border的宽度为2px，线型为实线，颜色为蓝色4这样就可以设置div边框颜色宽度和高度，如下图。

语法border borderwidth borderstyle bordercolor borderwidth 边框宽度可以指定长度值如1px，1em单位为px，pt，em等或者使用关键字medium默认，thick，thin #8195bordertopwidth设置元素上边框宽度 #8195borderrightwidth设置元素右边框。

这是 css 设置圆角的，不过只在标准浏览器如火狐谷歌支持而已后面的数字是设置圆角的大小水平半径垂直半径。

下面就一个简单的盒子为例如图 border这个位置可选border四边边框，bordertop顶部边框，类似还有borderleftrightbutton宽度即为边框宽度样式有如图颜色忽略，如有不清楚的可以参见w3school教程asp 望采纳。

HTML语句中“border=1”是边框为1像素的意思border 是 CSS 的一个属性，用 border 可以给能确定范围的 HTML 标记如 TDDIV 等等画边框，它可以定义边框线的类型宽度和颜色，利用这个特性，可以制作一些特殊效果一borderwidththin medium thick 10px上边框是细边框，右边框是中等边框。

五CSS优化把CSS样式写在网页的head头部标签里面，如果页面体积大的时候，可以把CSS写在文件里采取调用的方式六CSS代码缩写在CSS里面有不少可以缩写的属性，包括margin，padding，border，font，background和颜色值等七代码压缩当你决定把网站项目部署到网络上，那你就要考虑对CSS进行压缩。

3 代码缩写CSS代码缩写可以提高你写代码的速度，精简你的代码量在CSS里面有不少可以缩写的属性，包括margin，padding，border，font，background和颜色值等，如果您学会了代码缩写，原本这样的代码lifontfamilyArial， Helvetica， sansseriffontsize 12emlineheight 14empaddingtop5pxpaddingbottom。

1border 设置元素主要的边框属性，包括borderwidthborderstylebordercolor，可缺省，无固定顺序egcss view plaincopy border red 10px solidborder 5px blueborderstyle 统一设置元素各边框的格式，按照CSS顺序规则可取的值如下表所示CSS顺序规则当值有4个时，依次按照上右。

div的边框为一像素实心的黑色边框css代码是bordercolor根据查询相关公开信息显示，该代码的作用是针对边框进行颜色更改的，黑色将数据改为000，000，000即可。

十多重CSS样式定义，属性追加重复最后优先原则一个标签可以同时定义多个class，也可以是同一个class中重复定义属性例如我们先定义两个样式onewidth200pxbackgroundurl1jpg norepeat left toptwoborder10px solid #000 backgroundurl2jpg norepeat left top在页面代码中，我们可以。

设置表格边框 要设置表格边框，我们可以使用CSS的border属性border属性有三个值borderwidthborderstyle和bordercolorborderwidth用于设置边框宽度，borderstyle用于设置边框样式，bordercolor用于设置边框颜色例如，下面的CSS代码将设置表格边框为1像素宽的实线边框，颜色为黑色```table border。

二边框颜色样式设置缩写简化 TOP divcss5 borderstylesolid borderwidth1px bordercolor#000 这样设置了“divcss5”对象边框样式，我们可以简写 divcss5 bordersolid 1px #000 三个边框值空格间隔开 缩写边框颜色样式代码可以为节约代码，减少CSS代码量。

一字体属性 与字体有关的属性包括fontfamily，fontstyle，fontvariant，fontweight，fontsize，font执行顺序是fontstyle，fontvariant，fontweight，fontsize 1fontfamily如果字体的名称中含有空格，那么要加上双引号2fontstylenormalitalicoblique 3fontvariantnormalsmall。