html中,段落开头空2个字如何实现?

如题,现在自己想的土办法是在文字前加了一堆空格 但是在网上看其他的网页,文字前面什么也没有,就实现了空2字的效果怎么弄呢?知道的朋友告诉一下

1:通过HTML代码直接添加,代码如下:

<p style="text-indent:2em">您好,我是HTML专业技术员,为您服务!</p><p>擅长HTML、CSS、织梦模板、主机域名常见问题。</p>

2:通过HTML调用样式,代码如下:

HTML代码为:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>段落开头空2个字</title>

<link rel="stylesheet" href="style.css" type="text/css" />

温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-04-27
<p style=" text-indent:2em;(也可以用像素为单位)">内容</p>
第2个回答  2017-07-12

样式:text-indent:2em

实现方法有两种:

1:通过HTML代码直接添加,代码如下:

<p style="text-indent:2em">您好,我是HTML专业技术员,为您服务!</p><p>擅长HTML、CSS、织梦模板、主机域名常见问题。</p>

2:通过HTML调用样式,代码如下:

HTML代码为:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>段落开头空2个字</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<p>您好,我是HTML专业技术员,为您服务!</p><p>擅长HTML、CSS、织梦模板、主机域名常见问题。</p>
</body>
</html>

style.csss样式表代码为:

p{text-indent:2em}

第3个回答  2013-04-27
这样吧…换成搜狗输入,换成全角,打两个空格…
这样可以了吧,不用代码那么麻烦…
相似回答