您的位置：首页 > Web前端 > CSS

css设置文字属性的示例

2016-06-23 16:58 573 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航