HTML 样式
-
HTML样式
HTML style属性可以修改元素的字体大小,颜色,宽高,等展示效果。
尝试一下我是正常的 我很愤怒 我很忧郁 我很大
-
HTML style属性
HTML style属性具有以下语法:
该属性名是CSS属性。该属性值是CSS值。<标签名 style="属性名:属性值;">
您将在本教程后面了解有关CSS的更多信息。
-
HTML背景颜色
用background-color属性定义HTML元素的背景颜色。 此示例将p元素的背景颜色设置为powderblue:
尝试一下<h1>欢迎来到蝴蝶教程,这是标题</h1> <p style="background-color:powderblue;">欢迎来到蝴蝶教程,这是段落</p>
-
HTML文字颜色
用color属性定义HTML元素的文字颜色。
尝试一下<h1 style="color:red;" >欢迎来到蝴蝶教程,这是标题,设为红色。</h1> <p style="color:green;">欢迎来到蝴蝶教程,这是段落,设为绿色。</p>
-
HTML字体
用font-family属性定义了用于HTML元素的字体:
尝试一下<h1 style="font-family:verdana;" >欢迎来到蝴蝶教程,这是标题,字体为verdana。</h1> <p style="font-family:courier;">欢迎来到蝴蝶教程,这是段落,字体为courier。</p>
注意:实例字体对英文字体有效。
-
HTML文字大小
用font-size属性定义HTML元素的文本大小:
尝试一下<h1 style="font-size:300%;" >欢迎来到蝴蝶教程,这是标题。</h1> <p style="font-size:160%;" >欢迎来到蝴蝶教程,这是段落。</p>
-
HTML文本对齐方式
用text-align属性定义HTML元素的水平文本对齐方式:
尝试一下<h1 style="text-align:center;" >欢迎来到蝴蝶教程,这是标题。</h1> <p style="text-align:center;" >欢迎来到蝴蝶教程,这是段落。</p>
-
章节总结
- 使用style属性设置HTML元素的样式
- 使用background-color设置元素的背景颜色
- 使用color设置元素的文字颜色
- 使用font-family设置元素的文字字体
- 使用font-size设置元素的文本大小
- 使用text-align设置元素的文本对齐