<fieldset id="mik8e"></fieldset>

<fieldset id="mik8e"></fieldset>

<ul id="mik8e"></ul>

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

tain335 發布于2019-04-23 11:53 / 2787人閱讀

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

一，效果圖。

二，代碼。

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;
        /*文本的第一行縮進*/
        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>

參考資料:《菜鳥教程》

云服務器 GPU云服務器 text文本 text文本框js php 代碼審計筆記 html寫文本代碼

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/1315.html

【代碼筆記】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 2019-04-23 11:50 評論0 收藏0
【代碼筆記】Web-CSS-CSS Positioning

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

番茄西紅柿 2019-04-23 11:51 評論0 收藏0
【代碼筆記】Web-CSS-CSS background背景

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

番茄西紅柿 2019-04-23 11:54 評論0 收藏0
【代碼筆記】Web-CSS-CSS 鏈接(link)

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

tracy 2019-04-23 11:53 評論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 2019-04-23 11:54 評論0 收藏0