CSS status

xiaoxiao2021-03-06  112

. HeadermainTitle {Font-Family: Chinese color cloud; font-size: 1.10cm; color: white; align: center}

Body {

Margin: 0px; Background-Color: Mediumorchid;

Font-size: 0.9em; font-family: georgia;

}

A, A: Visited, A: Active, A: LINK {

Color: # 00f; Text-Decoration: none;

}

A: Hover {

Color: Black; Text-Decoration: none;

}

H1 {

FONT-SIZE: 1.5EM; Margin: 0px;

}

H1 A: visited {

Color: # 000;

}

H1 A: Active {

Color: # 000;

}

H1 A: LINK {

Color: # 000;

}

H1 A: Hover {

Color: # 47f; Text-Decoration: None;

}

H2 {

Font-size: 1em; margin-top: 0px; padding-left: 0px;

}

H3 {

Font-size: 1.2em; border-bottom: #aaa 1px solid

}

H5 {

Padding-right: 0px; padding-limited: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px

}

P {

Margin: 10px 0px

}

Blockquote {

Font-style: italic

}

INPUT.TEXT {

Width: 300px

}

TEXTAREA {

Width: 300px; Height: 200px

}

/ * The Filter here produces a gradual background effect. The parameter gradientType is 1 horizontal gradual, 0 is a longitudinal gradual, more detailed content, please refer to MSDN * /

#top {

Font-Family: Georgia;

Background-color: #fffff;

HEIGHT: 171PX;

Vertical-align: Right;

Horizontal-align: center;

Background-image: URL

Http://blog.9cbs.net/images/blog_9cbs_net/yuanqingfei/17952/o_14.jpg);

Background-repeat: no-repeat;

Filter: alpha (opacity = 100);

}

#top h1 {

Padding-right: 5px; padding-left: 5px; padding-bottom: 2px; padding-top: 2px

}

#top h1 a {

Color: #fff;

}

#tagline {

Margin: 0px; Padding: 5px; font-size: 10px; color: #fff;

}

#menu {

Border-top: # 999 1px solid; font-size: 100%; Background-Color: # f1f1f1; padding-bottom: 2px; margin: 0px; padding-top: 2px; border-bottom: # 999 1px Solid

}

#menu ul {

Height: 100%; font-size: 100%; Color: Black; Text-Decoration: none; margin: 0px; padding: 0px; border: 0px; list-style-type: none;

}

#menu Li {height: 100%; font-size: 100%; Border-Right: # a9a9a9 1px solid; padding-right: 2px; display: inline; padding-left: 2px; padding-bottom: 0px; padding-top : 0px;

}

#menu li a {

Height: 100%; Font: 75% Verdana; Color: Black; Text-Decoration: none;

}

/ * Here the link style of the navigation menu is designed, producing the effect similar to the Microsoft website, I only use CSS, no JS operation * /

#menu li a {

Border: 1px # f1f1f1 solid; padding-left: 8px; padding-right: 8px; padding-top: 1px; padding-bottom: 1px; margin: 0px; Background-color: # f1f1f1; color: black; text-decoration: None;

}

#menu Li a: Hover {

Border: 1px # 999 Solid; Padding-Left: 8px; padding-right: 8px; padding-top: 1px; padding-bottom: 1px; margin: 0px; Background-color: #ccc; color: black; text-decoration: None;

}

# Mylinks1_xmllink {

Visibility: hidden; width: 0px; height: 0px; padding: 0px; margin: 0px;

}

# Mylinks1_xmllink img {

Visibility: hidden; width: 0px; height: 0px; padding: 0px; margin: 0px;

}

#leftmenu {

Margin: 0px; margin-top: 10px; Left: 10px; padding: 0px; width: 180px; Position: absolute;

}

#leftmenu h3 {

Font-size: 0.9em; border: # 999 1px solid; border-bottom: 0px; Height: 100%; Margin: 0px; padding: 5px; filter: progid: DxImageTransform.microsoft.gradient (endcolorstr = '# ffffff', Startcolorstr = '# 4992db', gradienttype = '0';

}

#leftmenu ul {

Font-size: 0.8em; list-style-type: none; padding: 4px; border: # 999 1px solid; margin: 0px; margin-bottom: 10px;

}

#leftmenu li a {

Color: Black; Text-Decoration: none;

}

#leftmenu li a: hover {

Color: Black; Text-Decoration: Underline;

}

#main {

Padding: 10px; margin-left: 200px; border: 0px; border-left: # 999 1px solid; border-bottom: # 999 4px solid; Background-Image: URL

http://blog.9cbs.net/images/blog_9cbs_net/yuanqingfei/17952/o_bk1.jpg);

#main p.date {

FONT-SIGHT: BOLD; font-size: 0.9em; border: # 999 1px solid; border-bottom: None; Padding-top: 4px; padding-ip: 5px; padding-right: 5px; Margin: 0px; Height: 100%; Filter: progid: DxImageTransform.microsoft.gradient (endcolorstr = '# 4992db', startcolorstr = '# fffff', gradientType = '1');

}

#main p.date img {

Vertical-align: Middle

}

#main div.post {

Border: # 999 1px solid; padding: 5px; margin: 0px 0px 10px;

}

#main a, A: Hover, A: visited {

Border: 1px solid # 008000; Color: # 008000; Background-Color: # d5ead5

}

#main p.postfoot {

Font-size: 0.75em; Padding: 0px; padding-top: 5px; padding-bottom: 2px; margin: 10px 0px 0px; border-top: # 999 1px dotted;

}

#relatedlinks ul {

Padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin-left: 10px; padding-top: 0px; list-style-type: None

}

#comments {

Margin-bottom: 10px; Color: # 700

}

#comments h3 {

Color: # 700

}

#comments h4 {

Font-size: 0.9em; margin: 0px

}

#comments h4 span {

Color: # 999;

}

#comments p {

Border-bottom: #dddddd 1px solid

}

#comments p a {

FONT-SIZE: 9PX; Color: DarkBlue

}

#footer {

Font-size: hidden; margin: 0px; padding: 0px; height: 0px; text-align: center

}

#footer img {

Visibility: hidden; width: 0px; Height: 0px

}

#div_list p {

Font-size: 12px

}

#div_list img {

Border-right: # 000000 1px solid; border-top: # 000000 1px solid; border-left: # 000000 1px solid; border-bottom: # 000000 1px Solid

}

#imageframe div.div_image {

Margin-top: 20px; Text-Align: Center

}

#imageframe div.div_link {

Text-align: center

}

#commentform table {

Border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px}

#commentform td {

Border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px

}

#commentform tr {

Border-right: 0px; border-top: 0px; border-left: 0px; border-bottom: 0px

}

#main div.cus_code {

Color: # 465584; font-limited: 20px; font-family: Courier new; border: # 000000 1px solid; border-left: # 666666 6px solid; padding-left: 0px 0px 0px 0px; margin: 10px 20px; Background Color: #fffff;

}

转载请注明原文地址:https://www.9cbs.com/read-125262.html

New Post(0)