20種類のきれいなCSSフォントのスタイル、あなたに浅くないことを使わせます

4167 ワード

普段はサイト全体のフォントスタイルについてよく悩んでいますが、いったいどんなスタイルを使えばいいのか悩んでいます.それから、ネット上で20種類の私がきれいだと思っているフォントスタイルを集めて使って、とてもきれいだと感じて、私の以前の葛藤を解決しました.具体的な20種類のきれいなスタイルは以下の通りです.
スタイル1:
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;}

スタイル2:
body {background:#2f373a;font-family:Arial,Helvetica,sans-serif;font-size:100%;line-height:1em;color:#4e4e4e;min-width:920px;border-top:10pxsolid #0c0e0e}

スタイル3:
body  {font-family:Arial,Helvetica,sans-serif;font-size:1em;vertical-align:middle;font-weight:normal
      }

スタイル4:
body 
{margin:0px;padding:0px;background-color:#E7EAEB;font-family:"    ","  ","  ";font-size:12px;height:36px;}

スタイル5:
body 
{font:.8emArial,Tahoma,Verdana;background:#fff url(../images/bg.gif) repeat-x; color:#777;}

スタイル6:
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}

スタイル7:
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
}

スタイル8:
body {background:#e1e5e8;font-family: "Georgia", Tahoma, Sans-Serif;font-size: 12px;line-height: 18px;color: #888;}

スタイル9:
body
{width:130px;height:20px;background:url(images/servicesbg.gif)00repeat-x #68EF00; color:#317400;font:18px/14pxGeorgia,"Times New Roman",Times,serif;margin:34px0037px;}

スタイル10:
body
{display:block;width:94px;height:20px;background:url(images/serviceslink1bg.gif)072%no-repeat #6DFD00; color:#01699F; font:13px/20pxGeorgia,"Times New Roman",Times,serif;text-decoration:none;}

スタイル11:
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;	*/}

スタイル12:
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;}

スタイル13:
body {margin:0;padding:0;line-height:1.5em;font-family:Verdana,Geneva,sans-serif;font-size:11px;color:#ffffff;background: #005b7f;}

スタイル14:
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;}

スタイル15:
body {margin:0;padding:0;line-height:1.7em;font-family:Verdana,Geneva,sans-serif;font-size:12px;color:#707b84;background: #3e464d;}

スタイル16:
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;}

スタイル17:
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;}

スタイル18:
body
{background:url(images/bg.gif)repeat #000000;padding:0;font-family:arial,sans-serif;font-size:12px;margin:0pxautoautoauto;color:#36322b;}

スタイル19:
body
{margin:0px;padding:0px;background:url(images/mainbg.gif)00repeat-x #F6F4E4; color:#6B6854;font:14px/18px"Trebuchet MS",Arial,Helvetica,sans-serif;}

スタイル20:
body

{font-family:Georgia;font-family:Arial;}