HTML网页制作:[18]CSS段落属性

 时间:2024-10-26 18:21:22

1、word-spacing控制单词间隔请注意,只是单词间隔<style>.alsp{ word-spacing:50px;}</style>

HTML网页制作:[18]CSS段落属性

2、OK,来看看网页效果。只有单词才会适用于该间隔,中文是不会使用该样式的。

HTML网页制作:[18]CSS段落属性

3、letter-spacing字符间隔,用于控制字符与字符之间的间距<style>.alsp{ letter-spacing:50px;}</style>

HTML网页制作:[18]CSS段落属性

4、看下网页效果图,所有的字符,无论单词、字母、中文汉字等都分开了。

HTML网页制作:[18]CSS段落属性

5、text-decoration文字修饰。none:默认值underline:添加下划线overline:添加上划线line-through:添加删除线blink:添加闪烁效果看代码:<style>.alsp{ text-decoration:underline;}</style>

HTML网页制作:[18]CSS段落属性

6、网页效果展示,已经添加了下划线

HTML网页制作:[18]CSS段落属性

7、text-align设置文本的水平对齐方式盟敢势袂left:左对齐right:右对齐center:居中对齐justify:两端对齐铛刷故揭举例:<style>.alsp{ text-align:center;}</style>

HTML网页制作:[18]CSS段落属性

8、看网页效果,已经居中了

HTML网页制作:[18]CSS段落属性

9、text-indent文本缩进。控制整体向右缩进例:<style>.alsp{ text-indent:30px;}</style>

HTML网页制作:[18]CSS段落属性

10、看网页效果图,已经像右缩进了

HTML网页制作:[18]CSS段落属性

11、line-height文本行高,行高可以设置为长度、倍数、百分比例:<style>.alsp{ line-height:50px;}</style>

HTML网页制作:[18]CSS段落属性

12、从网页效果来看,其行高已经可以改变,并且为50px

HTML网页制作:[18]CSS段落属性
  • HBuilder如何将代码大写转小写
  • css垂直居中的几种方法
  • css+div制作圆角矩形的四种方法
  • 如何让div里面的图片自由移动
  • html+css常用左侧分类下拉菜单
  • 热门搜索
    小学生手抄报怎么做 青春期手抄报内容 校园安全手抄报资料 关于法制的手抄报图片 有关英语的手抄报 好人好事手抄报 法制手抄报内容大全 科学手抄报的资料 成长手抄报内容 读书手抄报的资料