外墙岩棉板厂家
免费服务热线

Free service

hotline

010-00000000
外墙岩棉板厂家
热门搜索:
行业资讯
当前位置:首页 > 行业资讯

一劳永逸制作竖排网页

发布时间:2021-01-20 17:32:54 阅读: 来源:外墙岩棉板厂家

古人使用竖排文字,如果你的网站需要表现出古朴典雅的风格,不妨穿插一些竖排的文字,将别有一番韵味。如图1所示,是网页中竖排文字的效果,但是在网页排版软件中,是无法直接实现此效果的,一般要借助CSS样式表来实现。

这里以专业网页排版软件Dreamweaver为例来演示(本例使用的是CS3版)。启动Dreamweaver后,单击“文件→新建”,选择空白页的HTML页面类型创建文件。

点击展开右侧CSS面板(快捷键为Shift+F11),点击下方带“+”号的新建CSS规则按钮,在打开的对话框中,选择类型为“类”,并设置CSS类名称(本例为:supai)。如果希望竖排效果以后随时能调用,可将“定义在”设置为“新建样式表文件”,确定后,将弹出对话框,要求设置样式表文件的保存位置。如果仅想在当前网页使用,选择“仅对该文档”即可(见图2)。

设置完毕点击“确定”,将打开CSS规则定义窗口,在此只需要鼠标简单点击,即可设置字体、字号、风格、颜色、对齐方式等。设置完毕,点击“确定”返回Dreamweaver。此时CSS样式面板如图3所示,点击“添加属性”,手工添加writing-mode项,并将其值设置为tb-rl。

好了,完成以上设置后,就可以随时应用竖排文字效果了。在Dreamweaver中,切换到“布局”选项卡下,单击“插入Div标签”按钮,在弹出的对话框中,将“类”设置为supai(即上面制作的CSS样式表),确定后,在显示的虚线框中输入要竖排的文字,保存网页就可以了。按F12键,还可以马上在浏览器中预览效果,不满意的话好及时修改。

小提示

★writing-mode用来设置书写方向,它的值为tb-rl时,表示文字要竖排,从上往下,从右向左;值为lr-tb时,则表示从左向右,从上往下。

★网上其有不少竖排转换工具。比如打开,在上方输入相应文字,再在下面设置每页行数及每行字数,以及边框线的类型等,然后单击“转换”,即可生成如图4所示效果的竖排文字来,看起来还不错吧。

★在Word 2007中,可以轻松实现竖排文字效果。启动Word后,切换到“页面布局”,单击“文字方向”,从弹出菜单中选择“垂直”。此时输入文字,将自动竖排。

征程三国变态版

qqyoux

诸世王者华为版

神迹大陆汉化破解版