【问题标题】:Assigning multiple styles on an HTML element在 HTML 元素上分配多个样式
【发布时间】:2015-07-03 09:14:51
【问题描述】:

我刚开始使用 HTML,但在为文本分配多种样式时遇到了麻烦。 我想创建一个包含两个属性的标题:

  1. 居中
  2. 字体:Tahoma

这个我试过了:

<h2 style="text-align:center";"font-family:tahoma">TITLE</h2>

但它不起作用......

我做错了什么?

【问题讨论】:

  • 将整个样式属性值放在" " 中,而不是每个单独的。 style="text-align:center; font-family:tahoma"

标签: html css


【解决方案1】:

在 HTML 中,样式属性的语法如下:

style="property1:value1;property2:value2"

所以在你的情况下:

<h2 style="text-align:center;font-family:tahoma">TITLE</h2>

希望这会有所帮助。

【讨论】:

    【解决方案2】:

    您使用的语法有问题。在 html 中,属性(例如:样式)具有由双引号分隔的值。在这种情况下,样式属性的值是一个 CSS 声明列表。试试这个:

    <h2 style="text-align:center; font-family:tahoma">TITLE</h2>
    

    【讨论】:

      【解决方案3】:

      您使用 HTML 语法的方式有问题。

      语法应该是这样的

      style="property1:value1;property2:value2"
      

      在你的情况下,这将是这样做的方式

      <h2 style="text-align :center; font-family :tahoma" >TITLE</h2>
      

      另一个例子如下

      <div class ="row">
          <button type="button" style= "margin-top : 20px; border-radius: 15px" 
          class="btn btn-primary">View Full Profile</button>
      </div>
      

      【讨论】:

        【解决方案4】:

        我遇到了同样的问题,希望有一天能对某人有所帮助:

        
        <style>
          .red-text {
            color: red;} p {font-size: 16px;}
        </style>
        

        【讨论】:

        • 您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息,例如引用或文档,以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。
        • 虽然这确实设置了两个属性,但一个好的答案应该将 CSS 与所提出的问题联系起来,而不是发布一些原样代码并只是“希望它有所帮助”。
        猜你喜欢
        • 2011-10-07
        • 2018-09-20
        • 1970-01-01
        • 2013-01-12
        • 1970-01-01
        • 2023-03-12
        • 2018-01-05
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多