成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

【代碼筆記】Web-CSS-CSS Text(文本)

tain335 / 2792人閱讀

摘要:文本加上上劃線全變成大寫文本的第一行縮進(jìn)加上下劃線全變成小寫加上下劃線首字母大寫去掉鏈接的下劃線參考資料菜鳥教程

一,效果圖。

?

二,代碼。

?

?

DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>CSS Test(文本)title>
    <style>
    body {
        color: red
    }
    
    h1 {
        color: #00ff00;
        text-align: center;
        /*加上上劃線*/
        text-decoration: overline;
        /*全變成大寫*/
        text-transform: uppercase;
        /*文本的第一行縮進(jìn)*/
        text-indent: 50px;
    }
    
    p.ex {
        color: rgb(0, 0, 255);
        text-align: right;
        /*加上下劃線*/
        text-decoration: line-through;
        /*全變成小寫*/
        text-transform: lowercase;
    }
    
    

{ text-align: justify; /*加上下劃線*/ text-decoration: underline; /*首字母大寫*/ text-transform: capitalize; } a { /*去掉鏈接的下劃線*/ text-decoration: none; } style> head> <body> <h1>This is heading h1> <p>This is an ordinary paragraph.p> <p class="ex">This is a praagraph with clss="ex".p> <p>Link to:<a href="http://www.w3cshool.cc">w3cshool.cca>p> body> html>

?

參考資料:《菜鳥教程》

文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/1315.html

相關(guān)文章

  • 代碼筆記Web-CSS-CSS Float(浮動)

    一, 效果圖。 This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. T...

    shery 評論0 收藏0
  • 代碼筆記Web-CSS-CSS Positioning

    摘要:因為圖像元素設(shè)置了屬性值為所以它會顯示在文字之后。參考資料菜鳥教程一,效果圖。 二,代碼。 DOCTYPE html> CSS Positioning p.pos_fixed { position: fixed; top: 30px; right: 5px; } ...

    番茄西紅柿 評論0 收藏0
  • 代碼筆記Web-CSS-CSS background背景

    摘要:實例改文本插入在元素中該段落有自己的背景顏色背景圖片不重復(fù),設(shè)置實例背景圖片只顯示一次,并與文本分開實例中還添加了屬性用于讓圖片與文本間隔開參考資料菜鳥教程一,效果圖。 二,代碼。 DOCTYPE html> CSS backgrounds h1 { background-color: #6495ed; } ...

    番茄西紅柿 評論0 收藏0
  • 代碼筆記Web-CSS-CSS 鏈接(link)

    一,效果圖。 二,代碼。 DOCTYPE html> CSS 鏈接(link) a:link { color: #ff0000; text-decoration: none; background-color: #b2ff99; } a:visited { co...

    tracy 評論0 收藏0
  • 代碼筆記Web-CSS-CSS id和Class選擇器

    一,效果圖。 二,代碼。 DOCTYPE html> CSS id和class選擇器 #para1 { text-align: center; color: red; } .center { text-align: center; } p.center...

    Pluser 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<