|
马上注册,结交更多好友,享用更多功能^_^
您需要 登录 才可以下载或查看,没有账号?立即注册
x
本帖最后由 金哥专用 于 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;
- }
复制代码
- 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中,所以就是对传送门颜色相应进行设置
|
|