摘要：<!DOCTYLE html><html><head><meta charset="utf-8"><title>那就做個(gè)shadow案例吧！我是楊雪，這些css對(duì)我來(lái)說(shuō)小菜一碟</title><style>.besideshadow{background-color:green;width:60
<!DOCTYLE html>
<html>
<head>
<meta charset="utf-8">
<title>那就做個(gè)shadow案例吧！我是楊雪，這些css對(duì)我來(lái)說(shuō)小菜一碟</title>
<style>
.besideshadow{background-color:green;width:600px;height:200px;box-shadow:20px 20px 5px #ccc;color:white;font-size:50px;line-height:200px;padding-left:200px;}
.insideshadow{margin:100px 0px;background-color:green;width:600px;height:200px;box-shadow:100px 150px 200px #ccc inset;color:white;font-size:20px;line-height:200px;padding-left:200px;}
</style>
</head>
<body>
<div class="besideshadow" >
先做一個(gè)外面陰影
</div>
<div class="insideshadow">
再做一個(gè)內(nèi)陰影,說(shuō)好的圓柱呢？怎么調(diào)不出來(lái)？
</body>
</html>
批改老師：天蓬老師批改時(shí)間：2019-01-31 17:20:26
老師總結(jié)：box-shadow:100px 150px 200px #ccc inset;你這樣陰影是不是有點(diǎn)太大了, 元素修飾,點(diǎn)到為止, 不可以過(guò)復(fù)雜,會(huì)影響到元素的內(nèi)容展示,畢竟對(duì)于用戶(hù)有用的是內(nèi)容,而不是樣式,對(duì)不?