HTML 样式



  • HTML样式

    HTML style属性可以修改元素的字体大小,颜色,宽高,等展示效果。
    我是正常的
    
    我很愤怒
    
    我很忧郁
    
    我很大
    
    
  • HTML style属性

    HTML style属性具有以下语法:
    <标签名 style="属性名:属性值;">
    
    该属性名是CSS属性。该属性值是CSS值。
    您将在本教程后面了解有关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>
    
  • 章节总结