加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
style.css 3.46 KB
一键复制 编辑 原始数据 按行查看 历史
zhou_changpeng 提交于 2021-03-09 11:32 . CSS样式文件
* {
margin: 0px;
padding: 0px;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
.w {
width: 1250px;
margin: auto;
}
body {
background-color: #013846;
}
.head {
padding-top: 10px;
background-color: #1F1F1F;
}
.top {
height: 70px;
}
.logo {
float: left;
}
.search {
float: right;
margin-top: 17px;
background: rgba(255,255,255,0.1);
box-shadow: 2px 2px 4px;
}
.search input {
float: left;
height: 42px;
width: 250px;
padding-left: 20px;
background: rgba(255,255,255,0.1);
border: none;
}
.search button {
float: left;
border: 0px;
height: 42px;
width: 49px;
cursor: pointer;
background: rgba(255,255,255,0.1);
}
.search div {
float: left;
height: 33px;
padding-top: 9px;
background: rgba(255,255,255,0.1);
}
.menu {
float: left;
width: 550px;
height: 42px;
margin:17px 0px 0px 20px ;
}
.menu a{
display: block;
float: left;
height: 42px;
width: 150px;
margin:0px 15px;
text-align: center;
color: #6E6E6E;
line-height: 42px;
border-radius:2em;
}
.menu a:hover {
color: #fff;
background-color: #CA5454;
}
.line {
height: 5px;
margin-bottom: 10px;
border-bottom: 2px solid #CA5454;
}
.focus {
position: relative;
width: 1250px;
height: 550px;
overflow: hidden;
}
.focus ul {
width: 500%;
position: absolute;
left: 0;
top: 0;
}
.focus ul li {
float: left;
}
/*左右按钮样式*/
.arrow-l,
.arrow-r {
display: none;
position: absolute;
top: 50%;
margin-top: -20px;
width: 24px;
height: 40px;
background: rgba(0, 0, 0, 0.3);
text-align: center;
line-height: 40px;
color: #fff;
font-size: 18px;
cursor:default;
z-index: 1;
}
.arrow-l:hover,
.arrow-r:hover {
color: #CA5454;
background: rgba(0, 0, 0, 0.7);
}
.arrow-r {
right: 0;
}
.arrow-l {
left: 0;
}
.focus-circle {
position: absolute;
bottom: 15px;
right: 50%;
margin-right: -30px;
}
.focus-circle li {
float: left;
width: 10px;
height: 10px;
border-radius:50%;
margin: 0px 5px;
border: 1px solid #fff;
cursor: pointer;
}
.current {
background-color: #fff;
}
.show {
margin-top: 15px;
}
.show ul {
margin-top: 15px;
}
.show ul li {
position: relative;
float: left;
overflow: hidden;
width: 300px;
margin: 5px;
box-shadow: 2px 2px 4px;
}
.show ul li img {
width: 300px;
vertical-align: middle;
}
.show ul li div {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background-color: black;
opacity:0.3;
}
.show ul li div:hover {
opacity:0;
}
.show p {
display: block;
width: 1250px;
height: 35px;
color: #6E6E6E;
background-color: #1F1F1F;
line-height: 35px;
}
.downPage img {
display: none;
width: 1250px;
height: 703px;
}
.downPage {
display: none;
}
.downlink{
display: block;
background-color: rgb(53, 50, 50);
height: 42px;
width: 150px;
margin:0px 15px;
text-align: center;
color: #6E6E6E;
line-height: 42px;
border-radius:2em;
}
.downlink:hover {
color: #fff;
background-color: #CA5454;
}
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化