本文展示了如何使用CSS进行网页布局设计，包括.box和.box1两个主要元素的样式定义，以及不同段落p的透明度设置。通过.box1的内边距、外边距和边框设计，实现了内容区域的分隔和美化。同时，对于特定段落.p1增加了左内边距，增强了文本的可读性。这些CSS技巧在网页布局中十分常见，用于提升用户体验。
代码一css
.box{
width: 340px;
height: 300px;
border: 1px solid gray;
}
.box1{
width: 300px;
padding: 10px 20px;
height: 300px;
border-top: 1px gray dotted;
margin-top: 10px;
}
p{
opacity: 70%;
}
.p1{
opacity: 100%;
padding-left:10px ;
}
代码二body
<div class="box">
<p class="p1">品优购特快</p>
<div class="box1">
<p>【特惠】爆款耳机五折秒！</p>
<p>【特惠】母亲节，健康好礼低至五折！</p>
<p>【特惠】爆款耳机五折秒！</p>
<p>【特惠】9.9元洗100张照片！</p>
<p>【特惠】长虹智能空调立省1000</p>
</div>
扫一扫
5077
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
