css3的一些新属性1 

<body>
/*文本阴影*/
<h1 style="text-shaow:5px 5px 5px #C0F">我爱你</h1>

</body>

　1.　效果如图：

   2.word-wrap: break-word允许文本强制换行

<head>
<style> 
p.test
{
width:11em; 
border:1px solid #000000;
word-wrap:break-word;
}
</style>
</head>
<body>

<p class="test">This paragraph contains a very long word: thisisaveryveryveryveryveryverylongword. The long word will break and wrap to the next line.</p>

</body>
</html>

   如图所示：

 3.css3的2D转换

 

<style>

#kuang{
    height:50px;
    width:100px;
    border:1px solid red;
    background-color:#C3F;}/*正常的div*/
#kuang11{
    height:50px;
    width:100px;
    border:1px solid red;
    background-color:#6F0;
    margin-top:50px;
    transform:rotate(30deg)/*旋转后的div*/
    }
</style>
  <body>
<div id="kuang"></div>
<div id="kuang11"></div>
</body>

如图所示：

posted on 2016-12-08 14:54  霸道小豆丁  阅读(135)  评论(0)    收藏  举报

导航