金哥专用 发表于 2017-3-2 11:48:43

学习课程 [0 0 0 7 - 优化传送门] 后的问题

本帖最后由 金哥专用 于 2017-3-2 13:58 编辑

问题:传送门四周的边框没有填充色。
请老大帮忙看下哪里的问题。



-------html部分-------
<!doctype html>
<html>

<head>
    <meta charset="UTF-8">
    <title>这个是标题</title>
    <link href="FirstOne.css" rel="stylesheet">
</head>

<body>
<div id="container">
    <h1>我爱鱼C</h1>
    <p>www.FishC.com</p>
    <a href="http://bbs.fishc.com/forum-337-1.html" id="first_Js">传送门</a>
</div>
<script src="First_Js.js" charset="GBK">

</script>
</body>
</html>

-------css部分-------

@charset "UTF-8";
html, body {
            height: 100%;
            color: #FF0088;
            font-family: sans-serif;
      }

      body {
            background: url(background.jpg) center center;
            background-size: cover;
            margin: 0;
            padding: 0;
            position: relative;
      }

      #container {
            width: 100%;
            text-align: center;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
      }

      h1 {
            font-size: 66px;
            margin-bottom: 22px;
      }

      p {
            font-size: 33px;
            margin-bottom: 22px;
      }

      a {
            font-size: 55px;
            color: #33FFFF;
            border: 1px solid #33FFFF;
            border-radius: 10px;
            padding: 10px 66px;
            text-decoration: none;
      }

不二如是 发表于 2017-3-2 12:25:38

a{
                        font-size: 55px;
                        background: #33FFFF;
                        color: #FFF;
                        border:1px solid #F33;
                        border-radius: 10px;
                        padding:10px 66px;
                        text-decoration: none;
                }


color设置字体颜色 #fff,白色

background设置背景色 #3FF洋兰

border设置边框颜色 #F33 红色

由于都在a中,所以就是对传送门颜色相应进行设置

金哥专用 发表于 2017-3-2 12:29:33

感谢,原来少了个background 属性

不二如是 发表于 2017-3-2 13:13:49

金哥专用 发表于 2017-3-2 12:29
感谢,原来少了个background 属性

如果您的【问题求助】得到满意的解答,请自行将分类修改为【已经解决】;如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】鼓励;善用【论坛搜索】功能,那里可能有您想要的答案!
页: [1]
查看完整版本: 学习课程 [0 0 0 7 - 优化传送门] 后的问题