css文本样式1

本文详细介绍了CSS中的文本样式属性,包括text-align、text-decoration、text-indent、text-transform和text-shadow等,涵盖了这些属性的基本用法及其参数说明。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

css:文本样式
text-align 设置文本的水平对齐方式

text-decoration设置文本的修饰方式
text-indent 设置文本的首行缩进

text-transform设置文本的转换(针对英文)
text-shadow设置文本的阴影效果 

text-align
属性说明
》text-align必须用于块状元素,如<p>,<div>.定义内部文本及内联元素如何横向对齐

》默认值是start,取决于html文档的direction属性设置(默认都是从左至右,所以等同于left)
text-decoration

属性说明:
》主要用来对文本添加线条修饰。

none  无修饰 默认效果
underline:下划线修饰(超级链接默认效果)

line-through 删除线
overline 上划线(基本上不用)

text-indent
用于块状元素  首行缩进的效果

和font-size属性一样对于首行缩进,你也可以用px,em或者%
以元素本身字体尺寸为参考基数 中文网页中段落首行缩进通常是2个文字的距离  

p{text-indent:2*字的像素/2em};
可以使用负值,产生一些特殊的效果,如“悬挂缩进”。

text-transform:
针对英文来的  变大小写

text-shadow:
.属性说明:

》text-shadow用来设置文本的阴影效果,是css3的新增属性

》实现一种阴影效果需要设定一组值而非一个值,并按照顺序来书写值
》可以通过添加多组来设定多重阴影,达到特殊效果,多组值之间用逗号隔开

text-shadow:水平偏移 垂直效果 模糊效果 颜色;
模糊效果不能为负值  颜色默认为字体颜色
两组值  text-shadow:2px 2px 0 white,3px 3px 0 black;


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值