HTML學習筆記 CSS樣式第六節（原創）

阿新 • • 發佈：2017-09-10

Y軸重復 eight -i tac 圖片 500px itl idt

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>樣式</title>
    <link rel="stylesheet" href="tzy.css" type="text/css">
</head>
<body>
<p>測試能否被繼承</p>
<h2>啦啦啦啦啦啦啦啦</h2>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
<p>測試能否被繼承</p>
</body>
</html>



css文件tzy.css

body {
    background: blue;
    /*背景顏色,不能被繼承*/
    background-image: url("http://mpic.tiankong.com/125/4a0/1254a004e301cef092bbb4259655e309/640.jpg");
    /*設置圖片*/
    width: 900px;
    height: 900px;
    background-size: 500px 500px;
    /*設置圖片大小*/
    background-repeat: no-repeat;
    /*設置圖片不允許重復*/
    background-attachment: fixed;
    /*設置滾動頁面的時候圖片不滾動*/

}

p {
    width: 150px;
    height: 20px;
    background: red;
}

h2 {
    background-image: url("http://mpic.tiankong.com/125/4a0/1254a004e301cef092bbb4259655e309/640.jpg");
    /*設置圖片*/

    background-repeat: repeat;
    /*設置圖片允許重復(默認)*/
    background-repeat: repeat-x;
    /*設置圖片X軸可以重復*/
    background-repeat: repeat-y;
    /*設置圖片y軸可以重復*/
    background-repeat: no-repeat;
    /*設置圖片不允許重復*/
    background-position: right center;
    /*設置圖片起始位置可以寫入 100px 100px*/

}

Y軸重復 eight -i tac 圖片 500px itl idt <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&

HTML學習筆記 CSS背景樣式案例第六節（原創）參考使用表

ext jpg class 設置 link eight text spa .com <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

HTML學習筆記 CSS學習選擇器案例第五節（原創）參考使用表

樣式 back ack aid head 派生選擇器 char logs pan <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

HTML學習筆記 CSS學習選擇器第五節（原創）

ext spa family 如果 styles ctype css gre utf <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <

HTML學習筆記基礎標簽及css引用案例第一節（原創）參考使用表

set utf har del 文件定義 .com eight head <!DOCTYPE html><html lang="en"><!--表示網頁文字以什

HTML學習筆記 iframe引用頁面按列(針對target打開方式解釋) 第九節（原創）

type head -- eight frame top target span utf <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"&

HTML學習筆記 w3sCss盒子模型（陰影）（div的一些使用）案例第十節（原創）參考使用表

idt pac cin head src 模型圖 div 盒子模型樣式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

JAVAscript學習筆記 js句柄監聽事件第四節（原創）參考js使用表

必須 htm -c eve property blog uncaught event add <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

JAVAscript學習筆記 jsBOM 第七節（原創）參考js使用表

span aid cat alert 當前頁 config 彈出框 pan 針對 <html> <head> <title>day02_js</title> <scrip

JAVAscript學習筆記 jsDOM 第五節（原創）參考js使用表

doctype count1 長度 pan dom ID BE func alert <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

HTML學習筆記 css定位（靜態，相對，固定，絕對布局）偏移案例第十二節（原創）參考使用表

absolute write style 用戶學習 nbsp -c code posit <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"

HTML學習筆記 CSS塊元素加偽類選擇器第三節（原創）

筆記 solid oct 元素是否選擇器 size set 區域 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&g

HTML學習筆記 css定位浮動及瀑布流第十三節（原創）

oct adding styles gin ima alt eight div height <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">

HTML學習筆記 w3sCss盒子模型應用第十一節（原創）

.com foo margin images href ack har htm com <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l

HTML學習筆記 css定位浮動及瀑布流案例第十三節（原創）參考使用表

20px 筆記 lis containe use cor ack 100% set #fd { width: 100px; height: 150px; background-color: forestgreen; float: left;

HTML學習筆記 cs動畫基礎（分列效果可用於做瀑布流）第十五節（原創）參考使用表

har orm 顏色無限動畫 ext top 效果 rotate <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &

HTML學習筆記 cs2D3D展示基礎第十四節（原創）參考使用表

safari 學習筆記 ans com div2 s2d spa har tex <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

HTML學習筆記 CSS表格及輪廓案例第八節（原創）參考使用表

idt ali char ID utf-8 內邊距 AC utl 參考 #tb, tb1, tr, th, td { border: 5px solid blue; /*加邊框*/ padding: 5px; /*內邊距*/ }

HTML學習筆記基礎表格第二節（原創）

utf 空心圓無序列表 har ble 學習 oot order 有序 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title

Web前端學習筆記——CSS樣式、外觀、複合選擇器

CSS字型樣式屬性 font-size:字號大小 font-size屬性用於設定字號，該屬性的值可以使用相對長度單位，也可以使用絕對長度單位。其中，相對長度單位比較常用，推薦使用畫素單位px，絕對長度單位使用較少。具體如下： font-family:字型 fo

HTML學習筆記 CSS樣式 第六節 （原創）

相關推薦

HTML學習筆記 CSS樣式第六節（原創）