css折疊樣式（3）――常用樣式屬性-css教學-PHP中文網

css折疊樣式（3）――常用樣式屬性

黄舟

發布： 2016-12-28 16:06:02

原創

1510 人瀏覽過

一點：

css折疊樣式（3）――常用樣式屬性

一、顏色屬性

css折疊樣式（3）――常用樣式屬性

demo.html

<!doctype html>  
<html>  
    <head>  
        <title>CSS的颜色属性的四种方式</title>  
        <meta charset="utf-8">  
        <style type="text/css">  
            body{  
                color:red  
            }  
            .c1{  
                color:#ff6600  
            }  
          
            .c2{  
                color:rgb(0,0,255)  /* 红(R)、绿(G)、蓝(B) 每个的取值范围0~255 */  
            }  
          
            .c3{  
                color:rgba(0,100,0,0.4)    /* RGBA是代表Red（红色） Green（绿色） Blue（蓝色）和 Alpha的(色彩空间)透明度(0-1) */  
            }  
        </style>  
    </head>  
    <body>  
        <p>这是第一种方式</p>  
        <p class="c1">这是第二种方式</p>  
        <p class="c2">这是第三种方式</p>  
        <p class="c3">这是第四种方式</p>  
    </body>  
</html>

登入後複製

二、字體屬性

<!doctype html>  
<html>  
    <head>  
        <title>CSS的字体属性</title>  
        <meta charset="utf-8">  
        <link rel="stylesheet" type="text/css" href="style.css">  
  
    </head>  
    <body>  
        <p class="c1">字体大小20px</p>  
        <p class="c2">楷体</p>  
        <p class="c3">加粗</p>  
        <p class="c4">斜体</p>  
          
    </body>  
</html>

登入後複製

[b]三、背景屬性[/b]

四、文本屬性

五、邊框屬性 css折疊樣式（3）――常用樣式屬性

（1）邊框風格： css折疊樣式（3）――常用樣式屬性

（2）邊框寬度： css折疊樣式（3）――常用樣式屬性

（3）邊框顏色： css折疊樣式（3）――常用樣式屬性

（4）組合方式（簡寫方式如上圖） css折疊樣式（3）――常用樣式屬性

demo.html

p.c1{  
      
    font-size:50px  
}  
  
p.c2{  
      
    font-family:KaiTi,SimSun    /* 可以使用“，”隔开，以确保当字体不存在的时候直接使用下一个 */  
}  
  
p.c3{  
      
    font-weight:bold           /* font-weight 字体加粗,normal(默认值)、bold(粗)、bolder(更粗)、lighter(更细) */  
                              /*另外一种方式：100、200、300~900，400 = normal，而 700 = bold，只能整百 */  
}  
      
p.c4{  
      
    font-style:italic    /* normal:标准 italic:斜体 oblique:倾斜 inherit：继承  */  
}

登入後複製

就是css折疊樣式（3）――常用樣式屬性的內容，更多相關內容請關注PHP中文網（www.php.cn）！

css折疊樣式（3）――常用樣式屬性