时间戳

首页 > 解决方案 > 如何更正 CSS 样式的元素在按钮上不起作用

html - 如何更正 CSS 样式的元素在按钮上不起作用

问题描述

我正在学习编码并且遇到了一些我无法解决的挑战。我在 html 上创建了一个按钮并使用 CSS 对其进行了样式设置，但样式未生效。按钮的属性是使用 CSS Button Creator 创建的。

.btn {
    background: #11CDD4;
    background-image: -webkit-linear-gradient(top, #11CDD4, #11999E);
    background-image: -moz-linear-gradient(top, #11CDD4, #11999E);
    background-image: -ms-linear-gradient(top, #11CDD4, #11999E);
    background-image: -o-linear-gradient(top, #11CDD4, #11999E);
    background-image: linear-gradient(to bottom, #11CDD4, #11999E);
}
<div class="contact-me">
    <h2>Get In Touch</h2>
    <h3>Lorem ipsum dolor sit amet, non elit.</h3>
    <p class="contact-me">Love working with vibrant entrepreneurs so feel free to contact me.</p>
    <a class="btn" href="mailto:bashcele@email.com">CONTACT ME</a>
</div>

标签： htmlcss

解决方案

似乎工作得很好，我只是复制了你的代码......你是否加载了 te css 或在 -style- 标签之间？

.btn {background: #11CDD4;background-image: -webkit-linear-gradient(top, #11CDD4, #11999E);background-image: -moz-linear-gradient(top, #11CDD4, #11999E);background-image: -ms-linear-gradient(top, #11CDD4, #11999E);background-image: -o-linear-gradient(top, #11CDD4, #11999E);background-image: linear-gradient(to bottom, #11CDD4, #11999E);}
<div class="contact-me">
      <h2>Get In Touch</h2>
      <h3>Lorem ipsum dolor sit amet, non elit.</h3>
      <p class="contact-me">Love working with vibrant entrepreneurs so feel free to contact me.</p>
      <a class="btn" href="mailto:bashcele@email.com">CONTACT ME</a>
 </div>

推荐阅读