买CAD设计图做的网站,网络营销公司架构,狼雨的seo教程,南昌网站建设公司渠道一、水平对齐 text-align
CSS中的text-align属性用于水平对齐文本。它可以应用于块级元素和表格单元格。
常见的属性值包括#xff1a;
left#xff1a;左对齐#xff0c;文本在容器的左侧。right#xff1a;右对齐#xff0c;文本在容器的右侧。center#xff1a;居中…一、水平对齐 text-align
CSS中的text-align属性用于水平对齐文本。它可以应用于块级元素和表格单元格。
常见的属性值包括
left左对齐文本在容器的左侧。right右对齐文本在容器的右侧。center居中对齐文本在容器的中间位置。justify两端对齐文本在容器中填充单词之间用空格填充。
示例代码
div styletext-align: left;左对齐文本/div
div styletext-align: right;右对齐文本/div
div styletext-align: center;居中对齐文本/div
div styletext-align: justify;两端对齐文本文字会自动分布到整个容器宽度单词之间用空格填充/div注意text-align属性只对文本起作用如果想要对块级元素内的其他内容如图片、表格进行对齐需要使用其他的CSS属性。
二、文本修饰 text-decoration
CSS中的text-decoration属性用于控制文本的装饰效果如下划线、删除线、上划线等。
常用的取值如下 none默认值文本不带任何修饰效果。 underline文本下方带下划线。 overline文本上方带上划线。 line-through文本中间带一条删除线。 blink文本闪烁。
除了以上常用的取值外text-decoration还可以进一步设置颜色、样式、线宽等属性例如
text-decoration: underline double red;此代码表示文本下方带双线下划线线的颜色为红色。
text-decoration: line-through wavy #999;此代码表示文本中间带波浪线删除线线的颜色为#999。
三、缩进 text-indent
CSS中的text-indent属性用于设置文本的缩进。它可以用于段落或其他块级元素使第一行或每行都缩进指定的像素值或百分比值。缩进的方向取决于文本的方向。例如对于从左到右的文本正值的text-indent将使文本向右缩进而负值的text-indent将使文本向左缩进。
语法
selector {text-indent: value;
}示例
p {text-indent: 25px; /* 段落第一行缩进 25px */
}h1 {text-indent: 2em; /* 标题第一行缩进 2个字母的宽度 */
}blockquote {text-indent: -50px; /* 引用块向左缩进 50px */
}
