2016-11-14 37 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