div的文字倾斜

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

最近要写一个页面，需要一排文字是倾斜的，我就写了一下

<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;

			}

效果图：