| 1234567891011121314151617181920212223242526272829303132333435363738394041 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <style>
- #box1 {
- width: 300px;
- height: 300px;
- border:1px solid #000;
- /* border-width: 10px; */
- /* border-style: solid; */
- /* border-color: blueviolet; */
- /* border-top: 3px solid red; */
- /* border-radius: 20px; */
- border-top-left-radius: 20px;
- /*
- border：边框 复合属性
- 边框宽度 border-width
- 边框样式 border-style
- solid 实线 dashed 虚线 dotted 点线 double 双边框
- 边框颜色 border-color
- 上边框 border-top
- 下边框 border-bottom
- 左边框 border-left
- 右边框 border-right
- border-radius 圆角边框
- 50% 圆形
- border-top-left-radius 左上
- border-bottom-left-radius 左下
- border-top-right-radius 右上
- border-bottom-right-radius 右下
- */
- }
- </style>
- </head>
- <body>
- <div id="box1"></div>
- </body>
- </html>
|
