实现所需CSS样式：首先，使用padding-bottom、border-bottom两个样式实现字体文字下划线距离设置。传统的css下划线text-decoration样式只能设置其文字下划线样式而无法实现下划线与文字间距调整。
创新互联建站是网站建设专家,致力于互联网品牌建设与网络营销，专业领域包括成都网站建设、网站制作、电商网站制作开发、小程序开发、微信营销、系统平台开发，与其他网站设计及系统开发公司不同，我们的整合解决方案结合了恒基网络品牌建设经验和互联网整合营销的理念，并将策略和执行紧密结合，且不断评估并优化我们的方案，为客户提供全方位的互联网品牌整合方案！
首先我们创建一个html文件，引入必须的css文件后，创建一个父div和两个子div作为测试。最简单的方法就是使用float浮动，将两个div进行左右浮动，即可设置出边距，这里适合使用百分比。
li里面要包含a标签，然后把a标签变成块，再给a标签一个右边框，就是你说的分割竖线，这样来控制a标签的高，就可以控制到分割竖线的高了。
单个div是做不到的，你可以设置一个大的div，然后上边框去掉，里面设置一个小的div只留一条边，然后定位到上面就可以了。
如果想修改一下下划线的颜色，大小等样式就可以通过border属性来设计，使用起来更灵活。border-bottom属性，用来设置底部的边框样式。border-bottom： #FF0000 2px solid ；设置边框大小为2PX的红色边框。
写一个class控制，加入你希望的长度是150px，那么你这样写，min-width：150px；_height：150px；当超过150px的时候他自动加长，当低于150px的时候他显示的是150px，后面的_height：150px；是针对IE6。
CSS3 中新增了盒子阴影，我们可以使用 box-shadow 属性为盒子添加阴影。 语法：在 CSS3 中，我们可以使用 text-shadow 属性将阴影应用于文本。 语法：padding 属性用于设置内边距，即边框与内容之间的距离。
盒子模型用于处理元素的内容、内边距、边框和外边距的方式简称。元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。
没错，这就是外边距。你可以分别指定上下左右四个方向的外边距和内边距，通过margin和padding可以轻松实现。具体的例子以及更详细的说明，可以参考w3school的教程http：//。
围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。 设置外边距的最简单的方法就是使用 margin 属性，这个属性接受任何长度单位、百分数值甚至负值。
也可以这样简写 margin：4px 8px 6px； (上面外边距是4px 左右外边距是8px 下面外边距是6px)。内边距是padding，和margin是一样的用法。
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括： 边距（外边距） ， 边框 ， 填充（内边距） ，和 实际内容 。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。
border-bottom-width 设置下边框的宽度。 1 border-color 设置四条边框的颜色。 1 border-left 在一个声明中设置所有的左边框属性。 1 border-left-color 设置左边框的颜色。 2 border-left-style 设置左边框的样式。
首先打开vscode编辑器，新建一个html文件，定义一个两行两列的表格，在浏览器打开的效果。然后给表格添加边框，这里给table标签和td标签都设置边框，不过两个标签的边框颜色值不一样。
用长度单位定值。可以用绝对长度单位(cm， mm， in， pt， pc)或者用相对长度单位 (em， ex， px)。边框颜色属性(border-color)这个属性用来设定上下左右边框的颜色。
1、新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。
2、可以用border-color属性设置span和div的边框颜色，用background属性控制span和div的背景颜色。
3、BORDER-BOTTOM： gray 1px solid； 相当于说底部边框的颜色是gray（灰色），1个像素粗细，第三个参数是边框是实线条。
新建一个html文件，创建一个类名为wrap的div。先通过css类选择器选择到div来控制div的宽度和高度和背景颜色（没有边框时方便看出来div的大小）。
代码如下：input{width：100px；height：30px；line-height：30px；} 宽度为100像素，高度为30像素 知识延展：CSS 语法 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。选择器通常是您需要改变样式的 HTML 元素。
控制文本与边框的距离，要使用css的内边距属性padding来实现。
写一个class控制，加入你希望的长度是150px，那么你这样写，min-width：150px；_height：150px；当超过150px的时候他自动加长，当低于150px的时候他显示的是150px，后面的_height：150px；是针对IE6。
单个div是做不到的，你可以设置一个大的div，然后上边框去掉，里面设置一个小的div只留一条边，然后定位到上面就可以了。
border这个位置可选border：四边边框，border-top：顶部边框，类似还有border-left/right/button。宽度即为边框宽度。
document.body.style.csstext=border：15 ridge red //“border：15”是宽度，“red”可以换成你需要的颜色，如“green(绿色)”，“blue(蓝色)”等等。
每个边框类型都可以指定一种颜色，边框是绘制在背景颜色上的，列表A使用边框属性来样式化整个表格以及锚标记和单独的单元格。
认识CSS 颜色（CSS color）这里要介绍的是网页设置颜色包含有哪些；网页颜色规定规范。常用颜色地方包含：字体颜色、超链接颜色、网页背景颜色、边框颜色。颜色规范与颜色规定：网页使用RGB模式颜色。
