div的文字倾斜
2024-10-07 10:19:25
最近要写一个页面,需要一排文字是倾斜的,我就写了一下
<div class="qingx">倾斜导航</div>
div.qingx{
-moz-transform: translateY(-20deg);
-o-transform: translateY(-20deg);
transform: translateY(-20deg);
transform:rotate(-20deg);
-ms-transform:rotate(-20deg);
-webkit-transform:rotate(-20deg);
padding:5px 10px;text-align:center;
background-color:lightskyblue;
width:80px;
height:30px;
line-height:30px;
color: white;
margin: 50px;
}
效果图:
好啦,可以实现了,不过就是要加上那些兼容的前缀。
最新文章
- Electron安装
- 谈谈yii2-GridView如何实现列表页直接修改数据
- Java集合与算法
- C#的变迁史 - C# 1.0篇
- C++实现VPN工具之代码示例
- poj 1176 Party Lamps
- 配置域名服务器报错named[822]: dns_rdata_fromtext /etc/bind/db.asertest.com mail not a valid number
- php验证输入字符串中含有非法字符
- 网络流——增广路算法(dinic)模板 [BeiJing2006]狼抓兔子
- python视频教程大全集下载
- weblogic8.1在myeclipse中启动正常,在单独的weblogic中无法正常启动的解决方案.
- centos 命令行 连接无线网卡
- const的用法,特别是用在函数前面与后面的区别!
- GIt -- git push 远程分支老是需要重新输入公钥密码问题处理?
- python 装饰器练习题
- Fizz Buzz 面试题
- expect 自动化控制命令
- cf166e 在四面体上寻找路线数 递推,取模
- (一)RESTful 介绍
- JAVAEE——宜立方商城13:Mycat数据库分片、主从复制、读写分离、100%Linux中成功安装Mysql的方法