html图片展示不间隙,求助大神 如让图片展示在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标签里面,不要间隙 谢谢的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: android P精简教程,华为EMUI
- 下一篇: 在HTML5网页中写法正确的是,跟永哥学