页面头部代码练习1
来源:互联网 发布:maple软件要钱吗 编辑:程序博客网 时间:2024/06/05 03:23
header{
background-color: rgba(0,0,0,0.4);
}
nav{
height:50px;
background:#696969;
}
nav ul{
list-style-type:none ;
margin:0;
float:right;
}
nav div a {
text-decoration: none;
color:#fff;
margin-left: 30px;
font-size:20px;
font-weight:bold ;
}
nav ul li,nav .logo{
display:inline-block;
line-height: 50px;
float:left ;
margin-right: 30px;
letter-spacing:1px ;
}
nav ul li a{
text-decoration: none;
line-height:inherit;
display: inline-block;
color:#fff;
}
nav ul li .active{
border-bottom: 1px solid #fff;
}
#banner{
background-color: rgba(0,0,0,0.2);
height:660px;
}
#banner .inner{
width:300px ;
text-align:center;
margin:0 auto;
position :relative;
top:160px;
color:#fff;
}
#banner .inner p{
font-size:18px;
letter-spacing: 1px;
line-height: 40px;
}
#banner .inner h1{
font-family:"Times New Roman", Times, serif;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
padding:10px 0;
}
#banner .inner button{
border:none;
padding:15px 45px;
background-color:#333;
color:#eee;
border-radius:5px;
}
#banner .inner .more{
margin-top: 220px;
}
#banner{
/*background-color:#f5f5dc;*/
/*background-image:url(img/fjtt.jpg);
background-repeat:no-repeat;
background-attachment:50% 80%;
background-size:cover;*/
background-image:url("../img/58d208f635753.jpg");
background-repeat:no-repeat;
background-attachment:fixed;
/*background-position:50% 80%;*/
background-size:cover;
}
background-color: rgba(0,0,0,0.4);
}
nav{
height:50px;
background:#696969;
}
nav ul{
list-style-type:none ;
margin:0;
float:right;
}
nav div a {
text-decoration: none;
color:#fff;
margin-left: 30px;
font-size:20px;
font-weight:bold ;
}
nav ul li,nav .logo{
display:inline-block;
line-height: 50px;
float:left ;
margin-right: 30px;
letter-spacing:1px ;
}
nav ul li a{
text-decoration: none;
line-height:inherit;
display: inline-block;
color:#fff;
}
nav ul li .active{
border-bottom: 1px solid #fff;
}
#banner{
background-color: rgba(0,0,0,0.2);
height:660px;
}
#banner .inner{
width:300px ;
text-align:center;
margin:0 auto;
position :relative;
top:160px;
color:#fff;
}
#banner .inner p{
font-size:18px;
letter-spacing: 1px;
line-height: 40px;
}
#banner .inner h1{
font-family:"Times New Roman", Times, serif;
border-top:2px solid #fff;
border-bottom:2px solid #fff;
padding:10px 0;
}
#banner .inner button{
border:none;
padding:15px 45px;
background-color:#333;
color:#eee;
border-radius:5px;
}
#banner .inner .more{
margin-top: 220px;
}
#banner{
/*background-color:#f5f5dc;*/
/*background-image:url(img/fjtt.jpg);
background-repeat:no-repeat;
background-attachment:50% 80%;
background-size:cover;*/
background-image:url("../img/58d208f635753.jpg");
background-repeat:no-repeat;
background-attachment:fixed;
/*background-position:50% 80%;*/
background-size:cover;
}
阅读全文
0 0
- 页面头部代码练习1
- php输出XML页面头部代码
- 页面代码练习
- JSP 页面代码练习
- JSP页面代码练习
- jsp页面代码练习
- web页面头部玄机1st
- 网页头部练习
- 页面的头部标记
- 手机页面布局头部
- HTML页面头部信息
- 页面头部分析
- JSP页面练习代码(一)
- JSP页面练习代码(二)
- JSP页面代码练习(三)
- 页面的头部标记1(Title,Base,Basefont)
- 。网页头部META代码
- jQueryMobile头部代码
- ERROR 2003 (HY000): Can't connect to MySQL server on 'localhost' (10060)
- 特朗普政府说:那个危害全球的 WannaCry 勒索病毒,是朝鲜干的!
- 日常错误
- celery多实例与多任务
- css3的动画特效
- 页面头部代码练习1
- SessionBean和EntityBean有什么区别?
- StatefulBean和StatelessBean有什么区别?
- java关于类不存在和方法不存在的异常问题
- Oracle 高水位线
- 【Java】【集合】Collections
- StatefulBean和StatelessBean有什么区别?
- 我对Java程序猿的学习的建议
- SessionBean和EntityBean有什么区别?