摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>邊框</title> <style> div{ width: 300px; height: 300px; margin: 0 auto; margin-top: 80px; background: #ff9900; box-shadow: -8px -8px 10px #888888; } </style> </head> <body> <div></div> </body> </html>
border : solid 實線 double 雙線 dashed 虛線
border-top 上邊框
border-bottom 下邊框
border-left 左邊框
border-rigth 有邊框
border-radius 設置邊框的圓角
box-shadow 設置邊框的陰影
批改老師:韋小寶批改時間:2019-03-12 15:48:37
老師總結(jié):css實現(xiàn)邊框樣式可以有多種樣式的 沒事多去實現(xiàn)幾種 總結(jié)的非常不錯 這些都是可以改變邊框樣式的