abstrakt：<!DOCTYLE html><html><head><meta charset="utf-8"><title>那就做個(gè)shadow案例吧！我是楊雪，這些css對(duì)我來說小菜一碟</title><style>.besideshadow{background-color:green;width:60
<!DOCTYLE html>
<html>
<head>
<meta charset="utf-8">
<title>那就做個(gè)shadow案例吧！我是楊雪，這些css對(duì)我來說小菜一碟</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)陰影,說好的圓柱呢？怎么調(diào)不出來？
</body>
</html>
Korrigierender Lehrer：天蓬老師Korrekturzeit：2019-01-31 17:20:26
Zusammenfassung des Lehrers：box-shadow:100px 150px 200px #ccc inset;你這樣陰影是不是有點(diǎn)太大了, 元素修飾,點(diǎn)到為止, 不可以過復(fù)雜,會(huì)影響到元素的內(nèi)容展示,畢竟對(duì)于用戶有用的是內(nèi)容,而不是樣式,對(duì)不?