CSS入门之文本样式用法(文本对齐,首行缩进,文本竖排,文字方向)

文本对齐有4种:

1.text-align:left

2.text-align:right

3.text-align:center

4.text-align:justify

首行缩进:text-indent:数值+单位

文本排发有2种:

1.横排即为默认排法:layout-flow:horizontal

2.竖排古文教常用:layotut-flow:vertical-ideographic   (此种好像不知道为什么,一直都没效果出现,默默的忧伤下)!!!

文字排的方向有三种:

1.direction:rtl

2.direction:ltr

3.direction:inherit

//style.css
a{text-decoration:none}
p{line-height:50px; text-indent:1cm;letter-spacing:0.1cm;layout-flow:vertical-ideographic;direction:rtl}
table{text-align:center}

<html>
<head>
	<title>字体样式的具体应用</title>
	<link rel = "stylesheet" href = "style.css" type = "text/css"/>
</head>
<body>
	<table width = 50% height = "60" border = 1>
		<tr>
			<td>you</td>
			<td>me</td>
		</tr>
	</table>
	<p>
	也许我还“清醒”的记得,在表格时代,用一个字一个来弄个文字竖排的假象。一直以为只有在中才实现的很完美(所谓的完美是指鼠标放上去的时候的鼠标光标显示为横的),而网页中在记忆里似乎没有哪个标签可以实现此功能,还好,到了时代,的伟大神奇把一切推向了前进!
	</p>
</body>
</html>



  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值