HTML/Html-Css/11-文本样式.html
2023-05-01 19:37:40 +08:00

93 lines
2.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width-device-width,initial-scale=1.0">
<title>文本样式 </title>
<style>
p {
/* 水平对齐方式 */
/* text-align: right;
text-align: center; */
/*text-align: justify; *//* 两端对齐*/
/* 首行缩进 */
/* text-indent: 2em; */
/* 首行缩进*/
/* 文本线 */
/* text-decoration: none; 无文本线 */
/* text-decoration: underline; */
/* 下划线 */
/* text-decoration: line-through; */
/* 中划线 */
/* text-decoration: overline; */
/* 上划线 */
/* text-decoration-color: black; */
/* 设置线的颜色 */
/* text-decoration-style: dotted; */
/* 设置线的样式 */
/* 换行方式 */
/* white-space:normal; */
/* 换行 */
/* white-space:nowrap; */
/*不换行 */
/* text溢出方式 */
/* text-overflow: clip; */
/* 裁剪 */
/* text-overflow: ellipsis; */
/* 隐藏显示 */
/* 文本对齐方式 */
vertical-align: 100px;
color: salmon;
}
a {
color: aqua;
text-decoration: none;
}
</style>
</head>
<body>
<p>
人之初,性本善,性相近,习相远。
苟不教,性乃迁。教之道,贵以专。
人之初,性本善,性相近,习相远。
苟不教,性乃迁。教之道,贵以专。
人之初,性本善,性相近,习相远。
苟不教,性乃迁。教之道,贵以专。
</p>
<p>
<a href="">
人之初,性本善,性相近,习相远。
苟不教,性乃迁。教之道,贵以专。
</a>
</p>
</body>
</html>