盒子效果

• 通过给<div>标签添加css能实现各种效果。

• 给<div>标签构造的盒子添加各种css效果

实例

<div style="border:1px solid #000;margin-bottom:5px;padding:5px;border-radius: 10px;width:300px;height:200px;background:#fdfdf0;box-shadow: 8px 6px 2px 1px rgb(0 0 255 / 20%);">
<div style="background:#cec;padding:2px;border-radius: 6px;font-weight:bold;font-size:medium">盒子标题</div>
<div style="color:red;font-style:italic">
盒子内容<br><br>巴拉巴拉……<br><br><br>巴拉巴拉……<br><br>哇库哇库……
</div>
</div>

效果

盒子标题

盒子内容

巴拉巴拉……


巴拉巴拉……

哇库哇库……

尝试一下 »