#UI+前端#(三)文本样式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
				list-style: none;
			}
			h1{
				height: 100px;
				line-height: 100px;/*实现竖向居中,且写了这条,height其实就没有意义了*/
				border: 1px solid #00f;
				font-family: "微软雅黑","宋体";
				font-size: 50px;
				text-align: center;
				color:#00f;
				letter-spacing: 20px;
				font-weight: normal;
			}
			p{
				border: 1px solid #f00;
				font-family: "微软雅黑","宋体";/*字体*/
				font-size: 36px;/*字号*/
				text-align: center;/*对齐方式*/
				color:#f0f;/*字体颜色*/
				line-height: 1.5;/*行高,一般控制为1.5倍字号大小,也可以给倍数1.5*/
				padding: 100px 0;/*利用间距实现上下左右都居中*/
				letter-spacing: 5px;/*文字间距离*/
				font-weight: bold;/*bold加粗,normal正常,light变细*/
				text-decoration: line-through;/*对文字修饰,一般underline,line-through和overline*/
			}
		</style>
	</head>
	<body>
		<h1>出塞</h1>
		<p>
			秦时明月汉时关,<br><!--空格换行都是没用的,必须用强制换行符--!>
			千里长征人未还。<br>
			但使龙城飞将在,<br>
			不教胡马度阴山。
		</p>
	</body>
</html>

发布了145 篇原创文章 · 获赞 8 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/weixin_43476037/article/details/103814595
今日推荐