border-style属性设置一个元素的四个边框的样式。此属性可以有一到四个值,线型包括solid 实线 dashed 虚线 dotted 点状线 double 双线

　　border-style:solid; 表示该盒子的4条边框都是实线

　　.box1{

　　/* 边框宽度 */

　　border-width:10px;

　　/* 边框线型 表示该盒子的4条边框都是实线 */

　　border-style:solid;

　　/* 边框默认的颜色是文字颜色 */

　　border-color: orange;

　　}

　　2.border-style:solid dashed ; 表示该盒子 上下边框是实线 左右边框是虚线

　　.box2{

　　/* 边框宽度 */

　　border-width:10px;

　　/* 边框线型 */

　　border-style:solid dashed ;

　　/* 边框默认的颜色是文字颜色 */

　　border-color: orange;

　　}

　　3.border-style:solid dashed dotted; 表示该盒子 上边框是实线 左右边框是虚线 下边框是点状线

　　.box3{

　　/* 边框宽度 */

　　border-width:10px;

　　/* 边框线型 */

　　border-style:solid dashed dotted;

　　/* 边框默认的颜色是文字颜色 */

　　border-color: orange;

　　}

　　4.border-style:solid dashed dotted double;

　　表示该盒子 上边框是实线 右边框是虚线 下边框是点状线 左边框是双线

　　.box4{

　　/* 边框宽度 */

　　border-width:10px;

　　/* 边框线型 */

　　border-style:solid dashed dotted double;

　　/* 边框默认的颜色是文字颜色 */

　　border-color: orange;

　　}

上一篇

TypeScript 的泛型

下一篇

Photoshop轻松修出专业级照片