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