几份CSS

最新推荐文章于 2025-04-08 14:26:43 发布

cn2004

最新推荐文章于 2025-04-08 14:26:43 发布

阅读量995

点赞数

文章标签： css c

本文链接：https://blog.youkuaiyun.com/cn2004/article/details/297390

版权

博客展示了多组CSS样式代码，包括对网页元素如BODY、A、H1 - H6、BLOCKQUOTE、CAPTION、TH、TD等的样式设置，涉及背景颜色、字体颜色、字体大小、文本装饰等方面，为前端页面样式设计提供参考。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

=====================================================================================
BODY {
background-color : #EEEEEE;
color : #000000;
font-family : Arial, Tahoma, Helvetica, sans-serif;
margin-left : 8%;
margin-right : 5%;
}

A:LINK, A:VISITED {
color : #000099;
text-decoration : none;
}

A:HOVER {
background-color : #FFFFFF;
color : #00009F;
text-decoration : none;
}

H1 {
color : #990000;
font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size : 200%;
margin-bottom : -1em;
margin-left : -5%;
}

H2 {
color : #990000;
font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size : 160%;
margin-left : -5%;
margin-top : 2.7em;
}

H3 {
color : #990000;
font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size : 140%;
margin-left : -5%;
margin-top : 2em;
}

H4 {
color : #990000;
font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size : 115%;
margin-left : -5%;
margin-top : 1.5em;
}

H5 {
color : #990000;
font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-size : 100%;
font-weight : 900;
margin-top : 1.5em;
}

H6 {
color : #000000;
font-family : Arial, Helvetica, sans-serif;
font-size : 100%;
font-style : italic;
font-weight : 800;
margin-bottom : -0.8em;
}

BLOCKQUOTE {
margin-left : 0;
}

CAPTION {
font-family : Verdana, Tahoma, Arial, Helvetica, sans-serif;
font-weight : 800;
}

TH {
background-color : #FFFFFF;
}

TD {
background-color : #F0F0F0;
}
====================================================================================
=========================ocean=======================================================
BODY, TD {
background: navy;
color : white;
font-family : Arial, sans-serif;
font-size: 14px;
text-align: justify;
}

H2 {
font-size: 14pt;
color: #87CEFA;
}

H3 {
font-size: 13pt;
color: #7FFFD4;
}

H4 {
font-size: small;
font-variant: small-caps;
font-weight: bold;
color : white;
}

A {
text-decoration: none;
color: aqua;
}

A:Hover {
text-decoration: underline;
color: #32CD32;
}

HR {
color: blue;
height: 1pt;
}
=========================================/ocean================================
======================headlines=======================================================
BODY, TD {
background-color: #D2B48C;
font-family : sans-serif ;
}

A {
color: blue;
}

A:Hover {
color: red;
}

H1, H2, H3, H4 {
font-variant: small-caps;
background-color: black;
color: white;
padding: 4px;
width: 100%;
}

======================/headlinse========================================================
=========================greenback=====================================================
BODY, TD {
background : #228B22 none;
color : #FFFFFF;
font : 400 normal 100% Arial, Helvetica, sans-serif;
text-decoration : none;
}

A {
background : #228B22 none;
color : #FFD700;
font-weight : 500;
text-decoration : underline;
}

H1 {
background : #228B22 none;
color : #FF6347;
font-size : 150%;
}

H2 {
background : #FFDEAD none;
color : #000000;
font-size : 125%;
}

H3, H4, H5, H6 {
font-size : 90%;
}

P {
background : #A9A9A9 none;
color : #2F4F4F;
font : 400 normal 110% Arial, Helvetica, sans-serif;
text-decoration : none;
padding : 2% 2% 2% 2%;
}

TH {
background : #000000 none;
color : #DCDCDC;
font-size : 115%;
font-weight : 600;
}

=========================/greenback=====================================================
=========================charcoal=====================================================
BODY, TD {
background: #696969;
color : silver;
font-family : "Bookman Old Style", "Times New Roman", serif;
font-size: 14px;
text-align: left;
}

H2 {
font-size: 14pt;
}

H3 {
font-size: 15pt;
font-style: italic;
font-family: sans-serif;
}

H4 {
font-family: sans-serif;
font-size: small;
}

A {
color: white;
}

A:Hover {
color: yellow;
}

HR {
height: 1pt;
}

=========================/charcoal=====================================================