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怎么不占位隐藏元素

css transition-property属性怎么用

css如何设置图层在最上面

css中如何设置背景半透明

声明css有哪几种方式

html5实践-使用css装饰图片画廊的代码分享(一)

css text-wrap属性怎么用

css布局之静态布局、自适应布局、流式布局、响应式布局、弹性布局

css文字在底部怎么写

css怎么实现内容不可选

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




打赏

取消

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

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

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

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

评论

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