ホームページ >ウェブフロントエンド >htmlチュートリアル >縦書きテキスト効果を実現する CSS_html/css_WEB-ITnose
縦書きテキスト効果を実現する CSS_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:37:061941ブラウズ
テキストの垂直配置効果を実現するための CSS:
現在、誰もがテキストを水平方向に配置することに慣れていますが、私の友人のほとんどは、古代中国ではテキストが垂直方向に配置されていることも知っています。この章では、コード例の使用方法を紹介します。また、実際のアプリケーションではテキストを垂直に配置する必要もあります。
コードは次のとおりです:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <style type="text/css">#webfx{ position:absolute; background:red; top:50px; right:100px; width:100px; writing-mode:tb-rl; -webkit-writing-mode:vertical-rl;}</style></head><body><div id=webfx>蚂蚁部落欢迎您</div></body> </html> 上記のコードは縦書きテキスト効果を実現しますが、互換性に大きな問題があります。
すべてのブラウザと互換性のある垂直方向の配置効果については、「CSS でテキストの垂直方向の配置効果を実現する方法」の章を参照してください。
元のアドレスは次のとおりです: 縦書きテキスト効果を実現する CSS、章。
これが属する Web サイトは、div css チュートリアルです。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。