HTML is QQ bei navigation-CodePudding

Home > front end > HTML is QQ bei navigation

HTML is QQ bei navigation

Time：11-01

Is there a big help to knock down the code

CodePudding user response:

HTML code is as follows:

<meta HTTP - equiv="content-type" Content="text/HTML. Charset=utf-8 "& gt;

<link rel="stylesheet" href="https://bbs.csdn.net/topics/style.css" & gt;

<meta name="viewport" content="width=device - width, user - scalable=no, initial - scale=1.0, the maximum - scale=1.0, the minimum - scale=1.0" & gt;

<body style="" & gt;

QQ color bei integral & lt;/span>

Style. The CSS code is as follows:

* {
padding:0;
margin:0;
}
The body and HTML {
height:100%;
The font: 12 px/1.5 Tahoma, Helvetica, Arial, sans-serif.
}
The wrap {
Width: 1100 px;
Margin: 0 auto;
}
Ul {
list-style:none;
}
Img {
Border: 0 none;
Vertical - align: bottom;
}
A {
text-decoration:none;
}
The left {
Float: left;
}
Right {
float:right;
}
The fix {
overflow:hidden;
The clear: both;
}
Clearfix: after {
content:'';
The clear: both;
Height: 0;
Visibility: hidden;
display:block;
}

/* */* * logo
The logo {
Width: 170 px;
Height: 46 px;
Background: url (logo_170x46. PNG) no - repeat;
Margin - top: 18 px;
}
The logo span {
The line - height: 999;
display:inline-block;
overflow:hidden;
Height: 0;
}
/* * * */navigation
, the menu, the menu - the main,. The menu - tag. The menu - con - a {
Background: url (header. PNG) no - repeat;
}
The menu {
Background - repeat: repeat - x;
Height: 84 px;
}
The nav - menu {
Padding - left: 50 px;
}
The menu - the main {
position:relative;
Padding - left: 38 px;
Height: 84 px;
Margin - left: - 8 px;
Background - position: 0-85 px;
}
The menu - tag {
position:absolute;
display:block;
Width: 41 px;
Height: 25 px;
Left: 26 px;
top:0;
The line - height: 999;
overflow:hidden;
}
The menu - tagz {
Background - position: 0-676 px;
}
Menu - the main: hover. Menu - tagz {
Background - position: - 40 px - 676 px;

}
. The menu - the main: hover. Menu - tagh {
Background - position: - 149 px - 676 px;

}
. The menu - the main: hover. Menu - tag {
Animation: move1. 3 s linear to both;
}
@ keyframes move1 {
{
0%Width: 0 px;
}
{
33%Width: 23 px;
}
{
66%Width: 46 px;
}
{
100%Width: 69 px;
}
}
The menu - tagh {
Background - position: - 109 px - 676 px;
}

The menu - con {
Height: 84 px;
}
The menu - con li {
Float: left;
}
The menu - con li a {
display:block;
Width: 108 px;
Height: 84 px;
The line - height: 999;
overflow:hidden;
}
. The menu - con. The item mall {
-Background - position: 0-170 px;
}
. The menu - con. The item mall: hover {
Background - position: - 108 px - 170 px;
}
. The menu - con. Item_travel {
Background - position: 0-254 px;
}
. The menu - con. Item_travel: hover {
Background - position: - 108 px - 254 px;
}
. The menu - con. Item_gmall {
Background - position: 0-338 px;
}
nullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnullnull

Page link：https//www.codepudding.com/frontend/75518.html

Prev:How do self-service online to make short video, h5, posters and other web site

Next:With PDF. Js wrote a PDF, HTML export on ios mobile phone is not prompted to download, but open, dir

Tags：

Related

Links：
CodePudding