CSS 边框
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="css_border.css"/> </head> <body> <div class="div1"> this is a div </div> </body> </html>
.div1{ /* dotted - 定义点线边框 dashed - 定义虚线边框 solid - 定义实线边框 double - 定义双边框 groove - 定义 3D 坡口边框。效果取决于 border-color 值 ridge - 定义 3D 脊线边框。效果取决于 border-color 值 inset - 定义 3D inset 边框。效果取决于 border-color 值 outset - 定义 3D outset 边框。效果取决于 border-color 值 none - 定义无边框 hidden - 定义隐藏边框*/ /*border-style 属性可以设置 四个值 上右下左 三个值 上 左右 下 俩个值 上下 左右 */ border-style: dotted; /* 边框宽度 */ border-width: 5px ; border-color: red; /* 简写 width style color */ /* 圆角边框 */ border-radius: 5px; }