失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html怎么去li间隙 求助大神 如让图片展示在li标签里面 不要间隙 谢谢

html怎么去li间隙 求助大神 如让图片展示在li标签里面 不要间隙 谢谢

时间:2018-08-12 09:27:10

相关推荐

html怎么去li间隙 求助大神 如让图片展示在li标签里面 不要间隙 谢谢

该楼层疑似违规已被系统折叠隐藏此楼查看此楼

.content .headerright ul

{

width: 200px;

height: 200px;

margin: 100px auto;

/*background-color: red;*/

/*border: 1px solid #000;*/

box-sizing: border-box;

position: relative;

transform-style: preserve-3d;

transform: rotateX(-10deg) rotateY(0deg);

}

.content .headerright ul li{

list-style: none;

width: 200px;

height: 200px;

font-size:60px;

line-height:200px;

text-align: center;

/*border: 1px solid #000;*/

/*box-sizing: border-box;*/

position: absolute;

left: 0;

top: 0;

}

.content .headerright ul li:nth-child(1){

background-color: cyan;

transform: rotateY(60deg) translateZ(200px);

}

.content .headerright ul li:nth-child(2){

background-color: teal;

transform: rotateY(120deg) translateZ(200px);

}

.content .headerright ul li:nth-child(3){

background-color: yellow;

transform: rotateY(180deg) translateZ(200px);

}

.content .headerright ul li:nth-child(4){

background-color: deeppink;

transform: rotateY(240deg) translateZ(200px);

}

.content .headerright ul li:nth-child(5){

background-color: fuchsia;

transform: rotateY(300deg) translateZ(200px);

}

.content .headerright ul li:nth-child(6){

background-color: khaki;

transform: rotateY(360deg) translateZ(200px);

}

.content .headerright ul li img{

width: 200px;

height: 200px;

}

------------------------

如果觉得《html怎么去li间隙 求助大神 如让图片展示在li标签里面 不要间隙 谢谢》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。