设置元素的文本方向
登录
设置元素的文本方向
此例演示:
如何改变元素的文本方向。
实例解析:
direction属性指定文本方向或书写方向。
可以设置以下属性值:
● ltr:默认值,文本方向从左到右。
● rtl :文本方向从右到左。
下一节
||
新建文件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style type="text/css"> div.ex1 {direction:rtl;} </style> </head> <body> <div>测试文本! 默认书写方向</div> <div class="ex1">测试文本!从右到左的书写方向。</div> </body> </html>
提交
重置代码
自动运行
||
全屏
运行结果
章节
评论
笔记
课件
第1章 CSS背景
设置页面的背景颜色 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
设置不同元素的背景颜色 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
设置一个图像作为页面的背景 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
错误的背景图片 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
如何在水平方向重复背景图像 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
如何定位背景图像 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
如何指定一个固定的背景图像 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
如何在一个声明中设置多个背景属性 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
高级的背景例子 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
第2章 CSS文本
文本格式 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
设置边框样式 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
如何设置不同元素的文本颜色 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
如何设置文本的对齐方式 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
如何移除链接下划线 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
如何装饰文字 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
控制文本中字母的大小写 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
如何缩进文本 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
指定了字符之间的空间 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
指定了行与行之间的空间 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
设置元素的文本方向 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
增加单词之间的空格 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
在一个元素内禁止文字换行 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
文本内图像的垂直对齐 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
第3章 CSS字体
如何设置文本的字体 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
如何设置字体大小 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
使用px设置字体的大小 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
使用em设置字体的大小 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
使用%和em设置字体的大小 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
如何设置字体样式 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
如何设置字体的转变 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
如何设置字体的粗细 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
如何在一个声明中设置所有字体属性 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
第4章 CSS链接
如何为访问/未访问链接添加不同的颜色 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
如何在链接上使用文本装饰 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
如何指定链接的背景颜色 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
如何为超链接添加其他样式 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
高级 - 创建链接框 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
第5章 CSS列表
列表中所有不同的列表项标记 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
设置图像作为列表项标记 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
使用跨浏览器解决方案设置一个列表项标记的图像 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
在一个声明中设置所有的列表属性 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
css 移除列表项 li 默认样式 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
第6章 CSS表格
指定一个表的th,td元素,添加黑色边框 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
使用border-collapse {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
如何指定表格的宽度和高度 {phpcn{$voo.media_id==$data.course_media.media_id?"
":"
"}
全部评论
我要评论
暂无评论~
暂无课件
全部笔记
发布笔记
暂无笔记~
取消
回复
发送
发布
取消
发布笔记
发送
发布