马上注册,结交更多好友,享用更多功能^_^
您需要 登录 才可以下载或查看,没有账号?立即注册
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中,所以就是对传送门颜色相应进行设置
|