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