码迷,mamicode.com
首页 > 其他好文 > 详细

(9)字体操作

时间:2019-01-30 14:15:20      阅读:128      评论:0      收藏:0      [点我收藏+]

标签:改变   type   class   pre   一个   idt   文本   htm   简写   

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>字体操作</title>
<style>
.box{
width: 100px;
height: 100px;
background-color: aqua;
color: darkolivegreen;

/*改变文本的水平居中方式*/
text-align: center;

/*行高*/
line-height: 100px;

/*字重:字越粗越重,越细越轻,范围100~900的整数*/
font-weight: 900;

/*字体大小*/
font-size: 30px;

/*字族 = 字体*/
/*可以写备用字体,就是字体后面以逗号分隔,再写一个字体,备用字体一般选用系统默认字体*/
font-family: SimSun-ExtB,Shruti;

/*以上所有功能的简写方式,整体写法*/
/*font: 字重 字体大小/行高 字族*/
font: 900 30px/100px "SimSun-ExtB","Shruti"
}
</style>
</head>
<body>
<div class="box">
12345
</div>
</body>
</html>

(9)字体操作

标签:改变   type   class   pre   一个   idt   文本   htm   简写   

原文地址:https://www.cnblogs.com/shizhengquan/p/10337734.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!