css首行缩进怎么弄


本文摘自PHP中文网,作者藏色散人,侵删。

css首行缩进的设置方法:首先新建一个html代码文件;然后给<div>设置一个class类;接着在<style>设置cont类的宽为400px;最后设置p标签的首行缩进为两个字符即可。

本教程操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

新建一个html代码文件,然后在这个html代码页面上创建一个<div>,同时给这个<div>设置一个class类;然后在这个<div>中创建几个<p>,并个<p>添加上内容。如图:

代码:

1

2

3

4

5

<div class="cont">

<p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p>

<p>的顶顶顶顶顶的顶顶顶顶顶</p>

<p>顶顶顶顶顶顶顶顶顶顶顶顶顶顶多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多多</p>

</div>

7fef810ef770605ffe91809ae9b1bd0.png

设置样式。在<title>标签后面新建一个<style>,在这个<style>设置cont类的宽为400px,然后设置p标签的首行缩进为两个字符。如图:

推荐:《css视频教程》

代码:

1

2

3

4

5

6

7

8

<style>

.cont{

width:400px;

}

.cont p{

text-indent: 2em;

}

</style>

02311be1aedc58c01e8cc6b65dca589.png

使用浏览器打开,即可看到首行缩进的效果。如图:

0106aef5e124875e1c67656762e94a5.png

所有代码。直接复制所有代码,粘贴到新建html文件上,保存后使用浏览器打开即可看到所有效果。

阅读剩余部分

相关阅读 >>

css怎么设置4个div并排显示

css vw是什么单位

在html里用css隐藏div的方法

怎样在外连接css文件

css flex-basis属性怎么用

css bottom属性怎么用

html5+css如何控制table内外边框和颜色以及大小的图文教程

css怎么选择父元素

button按钮和submit按钮有什么区别?

css中box是什么文件

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...