全站通知:
盒子效果
刷
历
编
阅读
2022-10-05更新
最新编辑:逗比的马老师
阅读:
更新日期:2022-10-05
最新编辑:逗比的马老师
跳到导航
跳到搜索
- 通过给<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>
盒子标题
盒子内容
巴拉巴拉……
巴拉巴拉……
哇库哇库……
|