サマリー：<!DOCTYPE html> <html> <head> <title>css邊框樣式</title> <style type="text/css"> .box{ width: 100px;height: 100px; border:1px&nb
<!DOCTYPE html>
<html>
<head>
<title>css邊框樣式</title>
<style type="text/css">
.box{
width: 100px;height: 100px;
border:1px solid /*double雙線*/ /*dashed虛線*/ /*dotted點*/ red;
background: #ccc;
}
.main{
width: 100px;height: 100px;
border-collapse: collapse; /*邊框合并*/
border-top: 1px solid green;
border-left: 1px double green;
border-bottom: 1px dotted green;
border-right: 1px dashed red;
}
button{
border:none; /*清除按鈕邊框*/
border-radius: 50%; /*圓角*/
}
.show{
width: 300px;height: 40px;
background: yellow;
box-shadow: 0px 5px 30px red inset;
/*右 下 模糊度 顏色 向內(nèi)(默認(rèn)向外)*/
/*換方向就用負(fù)值*/
}
</style>
</head>
<body>
<div>
<div class="box"></div>
<div class="main"></div>
<button>登錄</button>
<div class="show"></div>
</div>
</body>
</html>總結(jié):沒有過多動腦研究其他案例,也許是看的案例比較少,根據(jù)這節(jié)課簡單做點筆記而已
添削の先生：天蓬老師添削時間：2019-04-04 10:47:43
先生のまとめ：邊框的樣式可以很復(fù)雜,但不建議做的太過于復(fù)雜了, 一定要統(tǒng)一, 簡潔