日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 编程资源 > 编程问答 >内容正文

编程问答

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

發布時間:2024/4/11 编程问答 38 豆豆
生活随笔 收集整理的這篇文章主要介紹了 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标签里面,不要间隙 谢谢的全部內容,希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。