当前位置:文档之家› 漂亮的网站字体CSS样式

漂亮的网站字体CSS样式

漂亮的网站字体CSS样式
漂亮的网站字体CSS样式

漂亮的网站字体样式

样式一:

body {

margin: 0;

padding: 0;

line-height: 1.5em;

font-family: "Times New Roman", Times, serif;

font-size: 14px;

color: #000000;

background: #f2e7ca url(images/templatemo_body.jpg) top center no-repeat; }

样式二:

body {

background:#2f373a;

font-family:Arial,Helvetica,sans-serif;font-size:100%;

line-height:1em;color:#4e4e4e;

min-width:920px;

border-top:10px solid #0c0e0e

}

样式三:

body {

font-family:Arial,Helvetica,sans-serif;

font-size:1em;

vertical-align:middle;

font-weight:normal

}

样式四:

body

{

margin:0px;

padding:0px;

background-color:#E7EAEB;

font-family:"微软雅黑","黑体","宋体";

font-size:12px;

height:36px;

}

样式五:

body

{

font: .8em Arial, Tahoma, V erdana;

background: #fff url(../images/bg.gif) repeat-x;

color: #777;

}

样式六:

body

{

width:auto; margin-top:12px;

float:right; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;

font-size:11px;

color:#999999;

line-height:25px;

letter-spacing:1px

}

样式七:

body

{

width:auto;

margin-left:1px;

float:left;

font-family:Arial, Helvetica, sans-serif;

font-size:13px;

color:#5f5f5f;

line-height:35px;

text-transform:uppercase

}

样式八:

body {

background: #e1e5e8;

font-family: "Georgia", Tahoma, Sans-Serif;

font-size: 12px;

line-height: 18px;

color: #888;

}

样式九:

body

{

width:130px; height:20px;

background:url(images/servicesbg.gif) 0 0 repeat-x #68EF00;

color:#317400;

font:18px/14px Georgia, "Times New Roman", Times, serif;

margin:34px 0 0 37px;

}

样式十:

body

{

display:block;

width:94px;

height:20px;

background: url(images/serviceslink1bg.gif) 0 72% no-repeat #6DFD00;

color:#01699F;

font:13px/20px Georgia, "Times New Roman", Times, serif; text-decoration:none; }

样式十一:

body {

margin: 0;

padding: 0;

line-height: 1.5em;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 12px;

color: #33322e;

background: #39443D url(images/templatemo_body_bg.jpg) repeat-x;

/* background: #47443c url(images/templatemo_body_bg_2.jpg) repeat-x; */ }

样式十二:

body {

margin: 0;

padding: 0;

line-height: 1.5em;

font-family: Tahoma, Geneva, sans-serif;

font-size: 12px;

color: #6f6f6f;

background: #2ac5c0 url(images/templatemo_body_top.jpg) repeat-x;

}

样式十三:

body {

margin: 0;

padding: 0;

line-height: 1.5em;

font-family: V erdana, Geneva, sans-serif;

font-size: 11px;

color: #ffffff;

background: #005b7f;

}

样式十四:

body {

margin: 0;

padding: 0;

line-height: 1.7em;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-size: 12px;

color: #333333;

background: #000000 url(images/templatemo_main_bg.jpg) repeat-y center; }

样式十五:

body {

margin: 0;

padding: 0;

line-height: 1.7em;

font-family: V erdana, Geneva, sans-serif;

font-size: 12px;

color: #707b84;

background: #3e464d;

}

样式十六:

body {

margin: 0;

padding: 0;

line-height: 1.7em;

letter-spacing: 1px;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 12px;

color: #333;

background: #e1d1d6 url(images/templatemo_body.png) repeat-x top;

}

样式十七:

body {

margin: 0;

padding: 0;

line-height: 1.7em;

letter-spacing: 1px;

font-family: Georgia, "Times New Roman", Times, serif;

font-size: 12px;

color: #333;

background: #e1d1d6 url(images/templatemo_body.png) repeat-x top;

}

样式十八:

body

{

background:url(images/bg.gif) repeat #000000;

padding:0; font-family:arial, sans-serif; font-size:12px;

margin:0px auto auto auto;

color:#36322b;

}

样式十九:

body

{

margin:0px;

padding:0px;

background:url(images/mainbg.gif) 0 0 repeat-x #F6F4E4;

color:#6B6854;

font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif; }

样式二十:

{

font-family:Georgia;

font-family:Arial;

}

用CSS设置图片效果

For personal use only in study and research; not for commercial use 用CSS设置图片效果 一、图片样式 1,图片边框 Java代码 1.img.test1 { 2.border-style: dotted; /*点划线*/ 3.border-color: #FF9900; /*边框颜色*/ 4.border-width: 5px; /*边框粗细*/ 5.} 6.img.test2 { 7.border-style: dashed; /*虚线*/ 8.border-color: blue; /*边框颜色*/ 9.border-width: 2px; /*边框粗细*/ 10.} 11.img.test3 { 12. border-style: dotted; /*左边框点划线*/ 13. border-left-color: #FF9900; /*左边框颜色*/ 14. border-left-width: 5px; /*左边框粗细*/ 15. border-right-style: dashed; /*右边框虚线*/ 16. border-right-color: #33CC33; /*右边框颜色*/ 17. border-right-width: 2px; /*右边框粗细*/ 18. border-top-style: solid; /*上边框实线*/ 19. border-top-color: #CC00FF; /*上边框颜色*/ 20. border-top-width: 10px; /*上边框粗细*/ 21. border-bottom-style: groove; /*下边框3D凹槽*/ 22. border-bottom-color: #666666; /*下边框颜色*/ 23. border-bottom-width: 15px; /*下边框粗细*/ 24.} 25.img.test4 { 26. border: 5px double #FF00FF

css图片样式

边框 图片缩放

图文混排 节古时叫“元旦”。“元”者始也,“旦”者晨也,“元旦”即一年的第一个早晨。《尔雅》,对“年”的注解是:“夏曰岁,商曰祀,周曰年。”自殷商起,把月圆缺一次为一月,初一为朔,十五为望。每年的开始从正月朔日子夜算起,叫“元旦”或“元日”。到了汉武帝时,由于“观象授时”的经验越来越丰富,司马迁创造了《太初历》,确定了正月为岁首,正月初一为新年。此后,农历年的习俗就一直流传下来。 据《诗经》记载,每到农历新年,农民喝“春酒”,祝“改岁”,尽情欢

乐,庆祝一年的丰收。到了晋朝,还增添了放爆竹的节目,即燃起堆堆烈火,将竹子放在火里烧,发出噼噼啪啪的爆竹声,使节日气氛更浓。到了清朝,放爆竹,张灯结彩,送旧迎新的活动更加热闹了。清代潘荣升《帝京岁时记胜》中记载:“除夕之次,夜子初交,门外宝炬争辉,玉珂竞响。……闻爆竹声如击浪轰雷,遍于朝野,彻夜无停。” 在我国古代的不同历史时期,春节,有着不同的含义。在汉代,人们把二十四节气中的“立春”这一天定为春节。南北朝时,人们则将整个春季称为春节。1911年,辛亥革命推翻了清朝统治,为了“行夏历,所以顺农时,从西历,所以便统计”,各省都督府代表在南京召开会议,决定使用公历。这样就把农历正月初一定为春节。至今,人们仍沿用春节这一习惯称呼。 八仙

aaa
还可以用 document.styleSheets(i).href 可以知道当前页面中引用的每个css的文件! 另:CSS属性与JavaScript编码对照表 (一定要注意,上次本人_何向阳,在使用js修改css的中margin-left属性时,总报"left"未定义,后来,找了好多资料,才发现在js中,margin-left 的写法为:marginLeft,恍然大悟,希望遇到相同问题的朋友,谨慎对待。) CSS与JS紧密配合,为我们的页面增添了很多别致的效果。为了达到某种特殊的效果我们需要用Javascript动态的去更改某一个标签的CSS属性。 比如:鼠标经过一个图片时我们让图片加一个边框,代码可能是这样:JavaScript中style后面的属性应该是什么?