abstrait：border邊框：邊框樣式有：solid實線、double雙實線、dashed虛線、dotted點狀虛線控制單邊邊框：border-top上、border-left左、border-right右、border-bottom下清除邊框：border：none；設(shè)置邊框圓角：border-radius：20%；設(shè)置圓形border-radius：50%設(shè)置邊框陰影使用box-shadow，具體設(shè)置如下
border邊框：邊框樣式有：solid實線、double雙實線、dashed虛線、dotted點狀虛線
控制單邊邊框：border-top上、border-left左、border-right右、border-bottom下
清除邊框：border：none；設(shè)置邊框圓角：border-radius：20%；設(shè)置圓形border-radius：50%
設(shè)置邊框陰影使用box-shadow，具體設(shè)置如下：box-shadow（x軸 y軸 陰影寬度 陰影驗收），如box-shadow（2px 3px 2px #ccc)
邊框陰影默認是向外的，但只要加上inset屬性，就變成向內(nèi)陰影了
具體完成案例代碼如下： <html> <head> <meta charset="utf-8"> <title>邊框</title> <link rel="icon" href="" type="image/x-icon"> <style type="text/css"> .border{ width: 100px; height: 100px; border: none/*1px solid #ccc*/; border-radius: 50%; box-shadow: 0px 10px 100px #ccc; float: left; background-color: #bbb; } </style> </head> <body> <div class="border"></div> <div class="border"></div> </body> </html> <html>
Professeur correcteur：滅絕師太Temps de correction：2019-03-19 09:28:29
Résumé du professeur：作業(yè)完成的相當認真,加油!后期可以帶上實際效果完成!