css设置文字属性的示例
程序员文章站
2022-04-02 13:17:46
...
css部分
<style>
pre {
color: red;
background-color: cornsilk;
/*文字大小*/
font-size: 18px;
/*文字 字体,个别字体 在不同的系统中不支持，设置多个字体实现多系统兼容*/
font-family: Aharoni, Andalus, "Angsana New";
/*文字 粗细,100-900的100整数倍,normal(400),bold(700)*/
font-weight: 900;
/*字体的风格 normal正常,inherit浏览器文字倾斜显示,oblique使文字倾斜*/
font-style: inherit;
/*字符之间的 距离*/
letter-spacing: 5px;
/*英文 字符之间的距离,如果中文之间 有空格 也会对 空格起作用*/
word-spacing: 7px;
}
ul li {
/*font: 样式style 粗细 尺寸 字体类型;*/
}
</style>
boday部分
<body>
<pre>
今天是2016年6月17日,北京，天气晴
</pre>
<hr>
<ul>
<li>设置字体大小:20px</li>
<li>设置字体加粗x</li>
<li>设置字体倾斜显示</li>
<li>设置字体类型</li>
</ul>
</body>
以上就是css设置文字属性的示例的内容，更多相关内容请关注PHP中文网（www.php.cn）！
上一篇： 如何使用Screen管理远程会话？