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

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

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

【 tulaoshi.com - Web开发 】

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

/DIV

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

延伸阅读
标签: 电脑入门
使用竖排文本框,或者做模板,表格在页眉状态插入即可。 WPS (Word Processing System),中文意为文字编辑系统,是金山软件公司的一种办公软件。最初出现于1989年,在微软Windows系统出现以前,DOS系统盛行的年代,WPS曾是中国最流行的文字处理软件,现在WPS最新正式版为WPS2012,另外WPS 2009专业版也已面世。 WPS集编辑与打印为一体,...
标签: 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...
标签: 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; } 第二种看起来的确格式化,但是不会在阅读上有任何帮助。写在一行内可以让你...
标签: 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:...
标签: Web开发
进入空间主页——点击鼠标右键——查看源文件——按Ctrl+F弹出搜索对话框,在里面输入CSS——开始查找——找到以CSS为后缀名的代码(一般是第三个):href="/xxxx/css/item/1bf5638135e103d8bd3e1e52.css",复制/css/item/1bf5638135e103d8bd3e1e52.css加在空间网址http://hi.baidu.com/xxxx,回车,弹出的记事本内的代码即是该空间代码

经验教程

549

收藏

78
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部