样式一:
-
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, Verdana;
-
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: Verdana, 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: Verdana, 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;
-
}
样式二十:
-
body
-
{
-
font-family:Georgia;
-
font-family:Arial;
-
}
著名网站使用字体实例:
例1(小米米官网):font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif;
例2(淘宝技术研发中心):font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif;
例3(加网 ): font: 14px/1.5 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;
例4(淘宝UED): font: 12px/1 Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif;
例5(一淘UX): font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;