Maison  >  Article  >  interface Web  >  Partager le code de l'effet d'inclinaison de l'élément HTML

Partager le code de l'effet d'inclinaison de l'élément HTML

零下一度
零下一度original
2017-04-26 14:49:023479parcourir

Cet article présente principalement "l'inclinaison de l'élément html", qui implique principalement le contenu de l'inclinaison de l'élément html. Les étudiants intéressés par l'inclinaison de l'élément html peuvent s'y référer.

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn