CSS另类技巧：古典竖排文字代码

2016-02-19 21:23 7 1 收藏

在这个颜值当道，屌丝闪边的时代，拼不过颜值拼内涵，只有知识丰富才能提升一个人的内在气质和修养，所谓人丑就要多学习，今天图老师给大家分享CSS另类技巧：古典竖排文字代码，希望可以对大家能有小小的帮助。

【 tulaoshi.com - Web开发】

当前古典竖排文字大行其道，广受欢迎，其实实现这一效果非常简单，我们使用CSS就能实现。

DIV style="WRITING-MODE: tb-rl; TEXT-ALIGN: left"

DIV style="LINE-HEIGHT: 1.5em; LETTER-SPACING: 0.2em;"

学而时习之,不亦说乎？有朋自远方来,不亦乐乎？人不知,而不愠,不亦君子乎？ /DIV

/DIV

来源:https://www.tulaoshi.com/n/20160219/1626046.html

上一篇： IE6支持PNG格式图片的CSS滤镜写法
下一篇： windows7系统怎么实现在电脑右下角显示你的名字

看过《CSS另类技巧：古典竖排文字代码》的人还看了以下文章更多>>

WPS古文带框竖排文字如何输入

标签：电脑入门

使用竖排文本框，或者做模板，表格在页眉状态插入即可。 WPS (Word Processing System),中文意为文字编辑系统，是金山软件公司的一种办公软件。最初出现于1989年，在微软Windows系统出现以前，DOS系统盛行的年代，WPS曾是中国最流行的文字处理软件，现在WPS最新正式版为WPS2012，另外WPS 2009专业版也已面世。 WPS集编辑与打印为一体，...

CSS+DIV设计实例：超酷的竖排导航栏

标签： Web开发

HTML：以下是引用片段： div id="navcontainer" ul id="navlist" li id="active"a href="#" id="current"Item one/a ul id="subnavlist" li id="subactive"a href="#" id="subcurrent"Subitem one/a/li lia href="#"Subitem two/a/li lia href="#"Subitem three/a/li lia href="#"Subitem four/a/li /ul /li lia href="#"Ite...

CSS代码编写的两则小技巧

标签： Web开发

在一行内声明CSS 我们来对比下面两段代码： h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 { font-size:18px; border:1px solid blue; color:#000; background-color:#FFF; } 第二种看起来的确格式化，但是不会在阅读上有任何帮助。写在一行内可以让你...

CSS网页制作技巧:节约网页代码编写时间

标签： Web开发

CSS已经成为网页前端设计一个非常重要的部分，由于写CSS时需要考虑的问题非常多，老手们创建新页面是通常会沿用以前的CSS框架。但是新手没有自己的框架，这篇文章可以给新手们一些启示。 1.简单的纯CSS Tooltip 通过这些代码，你可以做出简单的Tooltip。这是CSS代码： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 a:hover { background:...

如何查看CSS代码

标签： Web开发

进入空间主页——点击鼠标右键——查看源文件——按Ctrl+F弹出搜索对话框,在里面输入CSS——开始查找——找到以CSS为后缀名的代码(一般是第三个)：href="/xxxx/css/item/1bf5638135e103d8bd3e1e52.css",复制/css/item/1bf5638135e103d8bd3e1e52.css加在空间网址http://hi.baidu.com/xxxx,回车,弹出的记事本内的代码即是该空间代码

查看更多精彩>>