两行css实现列表翻转

两行css实现列表翻转

现在有一个列表长这样:
在这里插入图片描述
然后想把每一行换个位子,怎么实现??
来咯~~~~ 先看下效果在这里插入图片描述
上代码!

table {
	transform: rotate(180deg);
}
table tr {
	transform: rotate(180deg);
}

怎么样,是不是hin神奇哈哈哈!!!就是使用css3的transform中的rotate,也就是旋转实现的,先把整个表旋转180°,然后你就发现整个表成下面这种了:
在这里插入图片描述
然后再把每一行旋转一下,就大功告成啦!!!
最后,欢迎讨论!~~~~~~嘿嘿嘿 (*^▽^*)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值