<!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>
#UI+前端#(三)文本样式
猜你喜欢
转载自blog.csdn.net/weixin_43476037/article/details/103814595
今日推荐
周排行