text-indent属性的使用语法

 时间:2024-10-26 21:32:28

1、我们在下网页的时候,比如小说,或者是文章,简介等类型的内容是,都会分段落,而段落的首行都是具有缩进的效果,那这里就给大家说一下html文本首行缩进的实现方法

2、首先我现在html中我先给一个div盒子模型,让它容纳少量文字就自动换行,来显示效果,添加的代码如下:<style> .ai{ height:300px; width:200px; background:#CCC;}</style></head><body> <div class="ai"> <p id="sa">思念是一种病<p> </div></body>

text-indent属性的使用语法

4、这个时候在浏览器显示的效果是这样子的,撑满了盒子会自动换行,但是,显然在这里首行没有缩进,这个时候就可以使用text-indent来完成文本缩进

text-indent属性的使用语法

6、现在在浏览器查看一下效果,这时文本首行就已经被缩进了

text-indent属性的使用语法

8、这里的2是缩进两个字符的意思,现在我们就来看看浏览器显示的效果,现在它就会很准确的给我们缩进两个字符了

text-indent属性的使用语法

9、教程就到这里,祝学习愉快,多加练习

  • excel软件中如何插入五角
  • ppt如何修改主题版式
  • 怎样在Word2010文档中设置图片亮度
  • excel如何设置固定数值的行高
  • Word文字技巧—如何给Word文档加页
  • 热门搜索
    手绘板怎么用 怎么做生日蛋糕 谷歌地球怎么用 显卡怎么升级 过敏性鼻炎怎么治能除根 对男朋友过敏怎么办 皮疹怎么治疗 体温计打碎了怎么办 王子用英语怎么说 咽喉炎干咳怎么办