<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>
如图所示: