首行缩进2字符怎么设置 css

html-css023

首行缩进2字符怎么设置 css,第1张

html首行缩进2字符,可以使用CSS属性中的【text-indent】进行设置。

设置代码如下:

<!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/htmlcharset=utf-8" />

<title>缩进2字符</title>

<style type="text/css">

p{ text-indent:2em}

</style>

</head>

<body>

<p>首行缩进2字符的案例展示如下。需要多写几行看效果,需要多写几行看效果,需要多写几行看效果,需要多写几行看效果,需要多写几行看效果,需要多写几行看效果,需要多写几行看效果。</p>

</body>

</html>

你好使用css实现首行缩进其实很简单,使用text-indent属性即可。但是如果要缩进几个字符可以使用em单位,一般而言中文段首是缩进两个汉字,可以这么写:123p

{

text-indent:

2em}自然,如果缩进两个字符(即:一个汉字),就可以这么写:123p

{

text-indent:

1em}希望对你有帮助,如有疑问,请追问。望采纳~~

欢迎大家在这里学习如何让divcss利用缩进这里是我们给大家整理出来的精彩内容。希望大家在这里学习!为了让你的代码给人感觉更为直观,你可以使用一行来定义大纲元素的样式。当指定的选择器里的属性超过三个的时候,这种方式将带来混乱。但是,适度的使用这种方式,你可以很清楚的区分相同类的不同点。

#main-column { display: inlinefloat: leftwidth: 300px}

#main-column h1 { margin-bottom: 20px}

#main-column p { color: #333}

同时,样式修改的维护也是个比较麻烦的问题。很多人修改样式之后就忘记了,结果后来又发现修改的样式导致了页面出错,不得不苦苦寻找。因此,为修改的样式构建一个特殊的格式就很必要了。一种很简单的方式是,给修改过的样式缩进,同时,也可以使用一些注释(比如"@new")来做一个标识。

#sidebar ul li a {

display: block

background-color: #ccc

border-bottom: 1px solid #999/* @new */

margin: 3px 0 3px 0

padding: 3px/* @new */

}

好了,如何让divcss利用缩进内容就给大家介绍到这里了。希望大家继续关注我们的网站!