如圖讓圓圈能顯示背景的木頭顏色，圓圈是在每個矩形上加的div
7 回答
FengCMS
TA貢獻14條經(jīng)驗 獲得超9個贊
我的代碼是基于懶人一只的代碼的優(yōu)化.因為我感覺使用定位去優(yōu)化不太優(yōu)雅.所以,就優(yōu)化了一下.思路還是人家的.
<!DOCTYPE?html>
<html>
<head>
????<meta?charset="UTF-8">
????<title>Document</title>
</head>
<body>
????<div?class="box">
????????<div?class="love"></div>
????</div>
</body>
</html>
<style>
????body?{background:?#999;}
????.box?{
????????background-color:?transparent;
????????width:?30px;height:?30px;border-radius:?15px;
????????border-color:?#f60;border-style:?solid;
????????border-width:?40px?200px?20px?20px;
????}
????.love?{
????????background-color:?transparent;
????????width:?30px;height:?30px;border-radius:?15px;
????????box-shadow:?0?0?0?15px?#f60;
????}
</style>-
ziler3152301學習了 -
smilelove這樣整個box的內(nèi)容區(qū)域就是love了，別的內(nèi)容怎么放，例如上圖中的文字？？還是用定位？？
smilelove
TA貢獻4條經(jīng)驗 獲得超56個贊
樓上的回答都是用border來實現(xiàn)外層的圓角矩形，可是矩形有內(nèi)容呢，難道把內(nèi)容放在border上??用定位？？太復(fù)雜吧
添加回答
舉報
0/150
提交
取消