概述
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设置文字属性的示例的全部内容,希望文章能够帮你解决css设置文字属性的示例所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复