您的当前位置:首页正文

css设置文字属性的示例

2020-11-27 来源:爱站旅游

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>

显示全文