鱼C论坛

 找回密码
 立即注册
查看: 2992|回复: 3

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

[复制链接]
发表于 2017-3-2 11:48:43 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

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

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

QQ截图20170302112122.png

-------html部分-------
  1. <!doctype html>
  2. <html>

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

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

  15. </script>
  16. </body>
  17. </html>
复制代码


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

  1. @charset "UTF-8";
  2. html, body {
  3.             height: 100%;
  4.             color: #FF0088;
  5.             font-family: sans-serif;
  6.         }

  7.         body {
  8.             background: url(background.jpg) center center;
  9.             background-size: cover;
  10.             margin: 0;
  11.             padding: 0;
  12.             position: relative;
  13.         }

  14.         #container {
  15.             width: 100%;
  16.             text-align: center;
  17.             position: absolute;
  18.             top: 50%;
  19.             transform: translateY(-50%);
  20.         }

  21.         h1 {
  22.             font-size: 66px;
  23.             margin-bottom: 22px;
  24.         }

  25.         p {
  26.             font-size: 33px;
  27.             margin-bottom: 22px;
  28.         }

  29.         a {
  30.             font-size: 55px;
  31.             color: #33FFFF;
  32.             border: 1px solid #33FFFF;
  33.             border-radius: 10px;
  34.             padding: 10px 66px;
  35.             text-decoration: none;
  36.         }
复制代码
最佳答案
2017-3-2 12:25:38
  1. a{
  2.                         font-size: 55px;
  3.                         background: #33FFFF;
  4.                         color: #FFF;
  5.                         border:1px solid #F33;
  6.                         border-radius: 10px;
  7.                         padding:10px 66px;
  8.                         text-decoration: none;
  9.                 }
复制代码

Snip20170302_616.png


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

background设置背景色 #3FF洋兰

border设置边框颜色 #F33 红色

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

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2017-3-2 12:25:38 | 显示全部楼层    本楼为最佳答案   
  1. a{
  2.                         font-size: 55px;
  3.                         background: #33FFFF;
  4.                         color: #FFF;
  5.                         border:1px solid #F33;
  6.                         border-radius: 10px;
  7.                         padding:10px 66px;
  8.                         text-decoration: none;
  9.                 }
复制代码

Snip20170302_616.png


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

background设置背景色 #3FF洋兰

border设置边框颜色 #F33 红色

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

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2017-3-2 12:29:33 | 显示全部楼层
感谢,原来少了个background 属性
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-3-2 13:13:49 | 显示全部楼层
金哥专用 发表于 2017-3-2 12:29
感谢,原来少了个background 属性

如果您的【问题求助】得到满意的解答,请自行将分类修改为【已经解决】;如果想鼓励一下楼主或帮助到您的朋友,可以给他们【评分】鼓励;善用【论坛搜索】功能,那里可能有您想要的答案!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 2 反对 0

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-3-29 20:59

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表