成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

【代碼筆記】Web-CSS-CSS Text（文本）

tain335 / 2878人閱讀

摘要：文本加上上劃線全變成大寫文本的第一行縮進(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://m.hztianpu.com/yun/1315.html

相關(guān)文章

  • 【代碼筆記】Web-CSS-CSS Float(浮動(dòng))

    一， 效果圖。 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

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

    番茄西紅柿 評論0 收藏0

  • 【代碼筆記】Web-CSS-CSS background背景

    摘要：實(shí)例改文本插入在元素中該段落有自己的背景顏色背景圖片不重復(fù)，設(shè)置實(shí)例背景圖片只顯示一次，并與文本分開實(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元查看
<