#news{
width:980px;
height:1386px;
margin-right:44px;
}
#title{
width:110px;
height:61px;
background:red;
float:left;
margin-left:44px;
}
#time{
position:relative;
width:110px;
height:61px;
float:right;
margin-right:44px;
}
#text{
width:110px;
position:absolute;
right:0;
bottom:0;
text-align:right;
}
#line1{
clear:both;
width:892px;
height:2px;
background:#938e8c;
margin:0 auto 20px auto;
}
#img{
position:relative;
width:641px;
height:301px;
background:url('../images/task6_1.png');
float:left;
margin-left:44px;
margin-right:48px;
}
#zindex1{
width:191px;
height:301px;
position:absolute;
left:0;
background:green;
opacity:0.5;
}
#zindex2{
width:191px;
height:301px;
position:absolute;
right:0;
background:pink;
opacity:0.5;
}
#line2{
width:203px;
height:2px;
background:#cc8091;
float:right;
margin-right:44px;
}
#texts{
position:relative;
width:203px;
height:299px;
float:left;
}
#one1,#one2{
width:a
【ife】任务六:通过HTML及CSS模拟报纸排版
最新推荐文章于 2024-05-08 17:18:02 发布
这篇博客展示了如何使用HTML和CSS来模拟一份报纸的排版设计,包括标题、时间、正文、图片和不同板块的布局。通过设置宽度、高度、定位、浮动等属性,实现了复杂的页面布局,如百分比宽度、绝对定位以及不同颜色和透明度的背景。内容中涉及到图片、文字样式、首字母装饰、下划线效果以及多段落排列。
摘要由CSDN通过智能技术生成