Question

关于HTML中按钮样式的基本问题。我基本上只是尝试将这些按钮链接出来并改变颜色和可能的大小。我意识到我必须在HTML中做到这一点而没有CSS

这是我到目前为止所做的：

＆＃13;

 <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>

＆＃13;

我一直在做一些调查，这是我目前所知道的：

我必须使用<a>属性，因为我在HTML
这里会<span>正确使用吗？
字体颜色=＆＃34;黑色＆＃34;没有显示任何结果

Answer 1

使用CSS进行样式设置（尽可能避免使用内联样式）
关闭您打开的所有内容

＆＃13;

.blue {color: blue;}
.ulined {text-decoration: underline;}
.blk {color: black;}

＆＃13;

<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>

＆＃13;

对3个子问题的回答：

锚点用于链接，使用href属性（如第一个按钮）
span不是包装所有锚点的理想元素，div听起来像是语义上更好的选择。像这样：

＆＃13;

.blue {color: blue;}
.ulined {text-decoration: underline;}
.blk {color: black;}

＆＃13;

<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>

＆＃13;

属性不能包含空格，您可能需要内联style，但最好使用CSS类

似乎你需要学习很多关于HTML和CSS的知识。这是一个很好的起点：https://developer.mozilla.org/en-US/docs/Web

使用HTML设置样式按钮

1 个答案: