2016-11-14 36 views
-1

有關HTML中按鈕樣式的基本問題。我基本上只是試圖鏈接這些按鈕,並改變顏色和可能的大小。我認識到我的HTML和CSS沒有使用HTML設計按鈕

這裏內完成,這是我到目前爲止有:

<span style="color: blue;"><span style="text-decoration: underline;">Listen for Free: 
 
    <a class="button" font color="black" href="#">Spotify</a> 
 
    <a class="button">Soundcloud</a> 
 
    <a class="button">YouTube</a> 
 
    </span>

我一直在做一些調查,這裏是我所知道的到目前爲止:

  1. 我會因爲我的HTML
  2. 內使用 <a>屬性10
  3. <span>會在這裏使用嗎?
  4. 字體顏色= 「黑色」 不顯示任何結果
+0

你是說你*不能*使用CSS?或者你在問什麼內聯風格應該是......?你正確地改變了'span'的字體顏色,爲什麼你突然在鏈接上嘗試'font color =「black」'? – Santi

+0

我不明白你的問題。另外,'font color =「black」'是無效的,你錯過了一個結束範圍標記。 – j08691

+0

'font color =「black」'應該是'style =「color:black;' 但是你應該重新開始閱讀html/css的基礎知識 – Kangouroops

回答

1
  • 的樣式使用CSS(避免內嵌樣式時,你可以)
  • 關閉所有你打開

.blue {color: blue;} 
 
.ulined {text-decoration: underline;} 
 
.blk {color: black;}
<span class="blue"><span class="ulined">Listen for Free:</span> 
 
    <a class="button blk" href="#">Spotify</a> 
 
    <a class="button">Soundcloud</a> 
 
    <a class="button">YouTube</a> 
 
    </span>

答案s到你的3分問題:

  1. 錨用於連接,使用href屬性(如您的第一個按鈕)
  2. span不是包裝所有錨理想元素,div聽起來像一個更好語義上的選擇。就像這樣:

.blue {color: blue;} 
 
.ulined {text-decoration: underline;} 
 
.blk {color: black;}
<div class="blue"> 
 
    <span class="ulined">Listen for Free:</span> 
 
    <a class="button blk" href="#">Spotify</a> 
 
    <a class="button">Soundcloud</a> 
 
    <a class="button">YouTube</a> 
 
</div>

  • 屬性不能有空格,你可能想要在線style,但最好使用一個CSS類,而不是
  • 好像你需要學習很多關於HTML和CSS。 這是一個很好的起點:https://developer.mozilla.org/en-US/docs/Web