用CSS让文字颠倒过来显示

<html>

<head>

<title>Text Up side down</title>

<style type="text/css">

.txtUpsideDown {

filter:  progid:DXImageTransform.Microsoft.BasicImage(rotation=2);  /* IE6,IE7 */

ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */

-moz-transform: rotate(-180deg);  /* FF3.5+ */

-o-transform: rotate(-180deg);  /* Opera 10.5 */

-webkit-transform: rotate(-180deg);  /* Safari 3.1+, Chrome */

position: absolute; 

}

</style>

</head>

<body>

<div class="txtUpsideDown">我爱北京天安门</div>

</body>

</html>

posted @ 2011-07-28 23:38  拉登不开心  阅读(567)  评论(0编辑  收藏  举报