Rumah > Artikel > hujung hadapan web > 分享html元素倾斜效果代码
分享html元素倾斜效果代码
- 零下一度asal
- 2017-04-26 14:49:023479semak imbas
本篇文章主要介绍了"html元素倾斜"，主要涉及到html元素倾斜方面的内容，对于html元素倾斜感兴趣的同学可以参考一下。
<!DOCTYPE html>
<html>
<head>
<style>
div
{
width:100px;
height:75px;
background-color:yellow;
border:1px solid black;
border-radius:5px;
}
div#div2
{
transform:rotate(90deg);
-ms-transform:rotate(90deg); /* IE 9 */
-moz-transform:rotate(90deg); /* Firefox */
-webkit-transform:rotate(20deg); /* Safari and Chrome */
-o-transform:rotate(180deg); /* Opera */
}
</style>
</head>
<body>
<div>你好。这是一个 div 元素。</div>
<div id="div2">你好。这是一个 div 元素。</div>
</body>
</html>Atas ialah kandungan terperinci 分享html元素倾斜效果代码. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：对html Meta的实例详解Artikel seterusnya：深入了解HTML的元素嵌套有哪些规则？