怎么用CSS控制ul的li 做成叠层效果的图片?类似斗地主牌排列那样子? 给我个实例,谢谢了。

怎么用CSS控制ul的li 做成叠层效果的图片?类似斗地主牌排列那样子? 给我个实例,谢谢了。_百度知道
怎么用CSS控制ul的li 做成叠层效果的图片?类似斗地主牌排列那样子? 给我个实例,谢谢了。
提问者采纳
层叠起来主要通过设置margin负值来实现。具体看这个例子。&!DOCTYPE html&&head&&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&&title&无标题文档&/title&&style&ul,li{ margin:0; padding:0; list-style:none}ul li{ float: width:80 height:100 background:#333; color:#FFF; padding:10 border:1px solid #06F; margin-left:-70px}&/style&&/head&&body&&ul&
&li style=&margin-left:0&&2&/li&
&li&A&/li&
&li&K&/li&
&li&Q&/li&
&li&J&/li&
&li&10&/li&
&li&9&/li&&/ul&&/body&&/html&
这个效果我自己控制出来了。用z-index设置每个li里面的图片层次就可以了。
提问者评价
很感谢你,写真很不错。
其他类似问题
按默认排序
其他3条回答
我不知道一楼回答的是什么玩意,一点不靠谱!用绝对相对去写
tzdtt 回答是对的,这个肯定是用绝对+相对定位来写的。靠z-index来控制层级
给ul加相对定位,然后给里面的li都加上绝对定位,然后通过数值调整位置就可以了
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁

我要回帖

更多关于 css li 间距 的文章

 

随机推荐