减小字体
增大字体- ·上一篇内容：HTML 段落
- ·下一篇内容：HTML 文本格式化
HTML style属性
在HTML中，使用style属性为某个元素设置样式，以改变浏览器默认的单调的样式。
HTML中的style属性
在HTML中，可以使用style属性为元素指定字体、字体颜色、字体大小、行间距、背景颜色等。
style属性的语法格式如下：
<tagname style="property:value;">
上面的tagname是元素标签的名称，style即本文要探讨的一个元素属性，而style的值是由CSS的一个属性和其值构成的。有关CSS的知识，感兴趣的读者可以移步本站中的CSS简介。
使用style属性指定文本颜色
使用CSS中的color属性可以定义一个元素中文本的颜色。下面是一个例子：
<p style="color:red;">我是红色</p>
<p style="color:blue;">我是蓝色</p>
<p style="color:purple;">我是紫色</p>
<p style="color:blue;">我是蓝色</p>
<p style="color:purple;">我是紫色</p>
其在谷歌浏览器中的预览效果如下：
使用style属性设置元素的字体
可以借助font-family来为元素中的文本设置字体。
<h1 style="font-family:黑体;">翔宇亭IT乐园</h1>
<p style="font-family:隶书;">翔宇亭IT乐园</p>
<p style="font-family:隶书;">翔宇亭IT乐园</p>
在谷歌浏览器中的预览效果如下：
使用style属性设置元素的背景色
使用CSS的background-color可以为元素设置背景色。
<p style="background-color:yellowgreen;">黄绿色的背景</p>
<p style="background-color:orange;">橙色的背景</p>
<p style="background-color:orange;">橙色的背景</p>
其预览效果如下：
使用style属性设置文本大小
可以使用font-size设置文本的大小。
<p style="font-size:20px;">这是一段文本</p>
<p style="font-size:30pt;">这是一段文本</p>
<p style="font-size:30pt;">这是一段文本</p>
其预览效果如下：
style中可以同时指定多个属性
下面同时设置了文本颜色和文本大小。
<p style="font-size:30px;color:red;">翔宇亭IT乐园</p>
其预览效果如下：
如有问题，请留言指出。如需转载，请注明出处：翔宇亭IT乐园（http://www.biye5u.com)，并给出本文的链接地址：http://www.biye5u.com/article/HTML5/2023/6581.html
微信搜索“优雅的代码”关注本站的公众号，或直接使用微信扫描下面二维码关注本站公众号，以获取最新内容。
个人成长离不开各位的关注，你的关注就是我继续前行的动力。
- 给好评 如果您觉得此内容好，就请您
0%(0) 
- 给差评 如果您觉得此内容差，就请您
0%(0) 