0 0 0 8 - CSS样式文件

MSK · 发表于 2017-7-5 17:01:48

交！作！业！

css：
@charset 'utf-8';
html{
height:100%;
}
body{
background: url(http://img2.imgtn.bdimg.com/it/u=330117910,1717224124&fm=26&gp=0.jpg) center center;
background-size:cover;
text-align: center;
margin:0;
padding:0;
color:red;
position:relative;
top:50%;
}
#link{
width:100%;
position:absolute;
transform: translateY(-50%)
}
h1{
font-family: 宋体;
font-size:80px;
margin-bottom:5px;
}
p{
margin-bottom:60px;
color:orange;
font-size:20px;
}
a{
color:#FFF;
border:5px solid aqua;/*边框高度与颜色*/
border-radius:15px;/*圆角弯曲度*/
padding:15px 99px;/*边框大小*/
text-decoration: none;
font-size:16px;
background:cyan;/*填充色*/
}
html：
<!doctype html>
<html>
<head>
<title>可爱的超链接</title>
<meta charset='utf-8'>
<link href='008.css' rel='stylesheet'>
</style>
</head>
<body>
<div id='link'>
<h1>我爱鱼C</h1>
<p>让编程改变世界</p>
<a href='http://www.fishc.com'>传送门</a>
</div>
</body>
</html>

复制代码

账号		自动登录	找回密码
密码			立即注册

[庖丁解牛] 0 0 0 8 - CSS样式文件