二十款漂亮的CSS字体样式

简介: 样式一: body {margin: 0;padding: 0;line-height: 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;

}
样式二:
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;
} 
相关文章
移动端的打开方式,打开F12之后,就可以看到手机样式设计,移动端的初始化使用normalize.css代码库录到,box-sizing: border-box; 定宽度为多少就是多少,代码库,移动端
移动端的打开方式,打开F12之后,就可以看到手机样式设计,移动端的初始化使用normalize.css代码库录到,box-sizing: border-box; 定宽度为多少就是多少,代码库,移动端
|
24天前
|
前端开发
【前端web入门第三天】02 CSS字体和文本
本文详细介绍了CSS中字体和文本的相关属性。字体部分涵盖字体大小、粗细、样式、行高、字体族及`font`复合属性,通过具体示例展示了如何设置和使用这些属性。文本部分则讲解了文本缩进、对齐方式、修饰线及文字颜色等属性,并提供了实用的代码示例。此外,还简要介绍了调试工具中的一些细节,如错误属性标识和属性生效状态的控制。
51 28
|
9天前
|
前端开发
前端基础(四)_CSS层叠样式表_什么是css_css样式的引入方式_样式表的优先级_样式选择器
本文详细介绍了CSS(层叠样式表)的基本概念、语法规则、引入方式、样式表的优先级和样式选择器。文章解释了CSS的作用,展示了如何在HTML中通过行内样式、内部样式和外部样式引入CSS,讨论了不同CSS选择器的优先级和如何确定最终的样式应用。此外,还强调了使用`!important`规则时的优先级高于行内样式。
36 1
|
23天前
|
缓存 前端开发
css内部样式和外部样式的性能比较和使用规范
CSS 的内部样式和外部样式各有优缺点,适用于不同场景。
|
18天前
|
前端开发
css <样式一>
css <样式一>
14 1
|
1月前
|
设计模式 移动开发 前端开发
CSS内联样式的使用,吐血整理
CSS内联样式的使用,吐血整理
35 6
|
11天前
|
前端开发
Vue3基础(十ba)___在css中使用props或者计算属性的变量,来实现动态样式
本文介绍了如何在Vue3中通过CSS变量和props或计算属性来实现动态样式。
12 0
|
2月前
|
XML 前端开发 数据格式
CSS常用样式及示例
CSS常用样式及示例
|
2月前
|
前端开发
CSS 设置hr样式
【8月更文挑战第9天】
|
2月前
|
前端开发 Java UED
JSF 面向组件开发究竟藏着何种奥秘?带你探寻可复用 UI 组件设计的神秘之路
【8月更文挑战第31天】在现代软件开发中,高效与可维护性至关重要。JavaServer Faces(JSF)框架通过其面向组件的开发模式,提供了构建复杂用户界面的强大工具,特别适用于设计可复用的 UI 组件。通过合理设计组件的功能与外观,可以显著提高开发效率并降低维护成本。本文以一个具体的 `MessageComponent` 示例展示了如何创建可复用的 JSF 组件,并介绍了如何在 JSF 页面中使用这些组件。结合其他技术如 PrimeFaces 和 Bootstrap,可以进一步丰富组件库,提升用户体验。
45 0