CSS 邊框
阿新 • • 發佈:2022-03-02
<!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; }