一个html5页面,唉,做个html5页面,这小部分怎么做呢?

自己学了前台后台,想做个小网站,服务器觉得还行,但是 html css 让我太头疼了.

所以请教请教了,下面图片是我想要的效果,下面是我写的代码.

具体都怎么做呢

直播

上个场景

小鸡太少了吗?看下个场景

直播

下个场景

小鸡太少了吗?看下个场景

#nextpre

{

width:10rem;

border:#e5e5e5 solid 0.01rem;

box-sizing: border-box;

}

.pre

{

float: left;

left:0rem;

top:0rem;

padding-top:0.2rem;

padding-bottom:0.2rem;

box-sizing: border-box;

width:50%;

}

.pre img,.pre .aa

{

margin:0.2rem;

float: left;

width:1.6rem;

background-color:#e5e5e5;

}

.pre .ab

{

clear:both;

color:#999999;

background-color:#e5e5e5;

}

.sup1

{

color:blue;

font-size:0.01rem;

padding:0.03rem;

border:blue solid 0.01rem;

border-radius:0.02rem;

}