国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

番茄西紅柿 / 576人閱讀

摘要：實(shí)例改文本插入在元素中該段落有自己的背景顏色背景圖片不重復(fù)，設(shè)置實(shí)例背景圖片只顯示一次，并與文本分開實(shí)例中還添加了屬性用于讓圖片與文本間隔開參考資料菜鳥教程

一，效果圖。

二，代碼。

DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>CSS backgroundstitle>
    <style>
    h1 {
        background-color: #6495ed;
    }
    
    p {
        background-color: #e0ffff;
    }
    
    div {
        background-color: #b0c4de;
    }
    
    body {
        background-image: url(paper.gif);
        background-color: #cccccc;
        background-repeat: no-repeat;
        background-position: right top;
        margin-right: 200px;
    }
    
    body {
        background: #ffffff url("img_tree.png") no-repeat right top;
        margin-right: 200px;
    }
    style>
head>

<body>
    <h1>CSS background-color實(shí)例!h1>
    <div>改文本插入在div元素中.div>
    <p>該段落有自己的背景顏色p>
    <p>背景圖片不重復(fù)，設(shè)置position實(shí)例p>
    <p>背景圖片只顯示一次，并與文本分開p>
    <p>實(shí)例中還添加了margin-right屬性用于讓圖片與文本間隔開p>
body>

html>

參考資料：《菜鳥教程》

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/1325.html

相關(guān)文章

  • 【代碼筆記】Web-CSS-CSS 鏈接(link)

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

    tracy 評(píng)論0 收藏0

  • 【代碼筆記】Web-CSS-CSS樣式列表(url)

    一，效果圖。 二，代碼。 ? DOCTYPE html> CSS 樣式列表(url) ul.a { list-style: circle; } ul.b { list-style: square; } ol.c { list-style: upper-...

    Jiavan 評(píng)論0 收藏0

  • 【代碼筆記】Web-CSS-CSS Align

    一，效果圖。二，代碼。DOCTYPEhtml><html><head><metacharset="utf-8"><title>CSSAligntitle><style>body{margin:0;padding:0;} .container{position:relative;width:100%;} ...

    番茄西紅柿 評(píng)論0 收藏0

  • 【代碼筆記】Web-CSS-CSS 教程

    一，效果圖。 二，代碼。 DOCTYPE html> CSS 教程 body { background-color: #d0e4fe; } h1 { color: range; text-align: center; } p { fon...

    endless_road 評(píng)論0 收藏0

  • 【代碼筆記】Web-CSS-CSS Table(表格）

    一，效果圖。 二，代碼。 ? DOCTYPE html> CSS Table表格 table { border-collapse: collapse; width: 100%; } table, th, td { border: 1px solid green;...

    sevi_stuo 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<