day4-其他簡單css屬性

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            /*-----背景相關(guān)的----*/
            
            #d1{
                height: 300px;
                /*背景圖*/
                /*如果背景圖大于盒子的大小，背景圖能顯示多少就顯示多少*/
                /*如果北京圖小于盒子的大小，就會(huì)平鋪(重復(fù)顯示)*/
                background-image: url(img/images/logo.png);
                
                
                /*2哮缺，設(shè)置是否平鋪*/
                background-repeat: no-repeat;
                
                /*3.設(shè)置背景圖片的位置*/
                /*
                 background-position:x y
                 x：left/center/right
                 y:left/center/right
                 
                 * */
                background-position: center right;
                
                /*4.同時(shí)設(shè)值*/
                /*background: 圖片地址 是否重復(fù) x y;*/
                /*background: 圖片地址 是否重復(fù) x y 背景顏色;*/
                background: url(img/images/pygame.png) no-repeat center left ;
                
                
                
                }
            
            
            
            /*------列表------*/
            /*選擇器為列表/li都可以*/
            
            ul{
            /*1.設(shè)置符號(hào)樣式*/
            /*disc-實(shí)心圓  circle-空心圓   qquare-實(shí)心方塊  none-去掉列表符號(hào)*/
            list-style-type:none;
            
            
            /*2.設(shè)置圖片的符號(hào)*/
            list-style-image: url(img/images/icon.ico);
            
            /*3.設(shè)置符號(hào)的位置*/
            /*outside(li標(biāo)簽的外邊)保礼，inside(li標(biāo)簽的里面)*/
            list-style-position: outside;
            
            }
            
            
            
            /*-------文字相關(guān)-------*/
            
            p{
                /*1.設(shè)置字體大小*/
                font-size: 50px;
                /*2.設(shè)置顏色*/
                color: coral;
                /*3.設(shè)置字體名*/
                font-family: "微軟雅黑";
                /*文字加粗*/
                /*4.設(shè)置字體粗細(xì)*/
                /*取值是100-900*/
                font-weight: 900;
                
                /*5.文字傾斜*/
                font-style:italic;
                
                /*6.內(nèi)容的對(duì)其方式 }*/
                text-align: center;
                
                background-color: aqua;
                /*7.設(shè)置行高*/
                /*文字一行的高度(當(dāng)文字只有一行的時(shí)候設(shè)置行高和標(biāo)簽的高度一樣璧榄，可以讓文字垂直居中)*/
                height: 500px;
                line-height: 200px;
                
                /*6.文字修飾*/
                /*none：去掉修飾
                 underline：去掉下劃線
                 line-through:添加刪除線
                 overline：添加上劃線
                  
                 * */
                text-decoration: line-through;
                
                
                /*8.首行縮進(jìn)*/
                /*注意單位是em--空格的意思*/
                text-indent: 4em;
                
                /*10.字間距*/
                letter-spacing: 1px;
                
                
        
            
        </style>
    </head>
    <body>
        <div id="d1">
            
        </div>
        <ul >
            <li>python</li>
            <li>h5</li>
            <li>java</li>
            <li>測試</li>
        </ul>
        
        
        
        <p>君不見黃河之水天上來庞溜，</br>奔流到海不復(fù)回赏酥。</p>
    </body>
</html>

最后編輯于：2018.08.23 15:17:11

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

人面猴
序言：七十年代末蘸拔，一起剝皮案震驚了整個(gè)濱河市，隨后出現(xiàn)的幾起案子负芋，更是在濱河造成了極大的恐慌漫蛔，老刑警劉巖，帶你破解...
沈念sama閱讀 216,470評(píng)論 6贊 501
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件旧蛾，死亡現(xiàn)場離奇詭異莽龟，居然都是意外死亡，警方通過查閱死者的電腦和手機(jī)锨天，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 92,393評(píng)論 3贊 392
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門毯盈，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人病袄，你說我怎么就攤上這事搂赋。” “怎么了益缠？”我有些...
開封第一講書人閱讀 162,577評(píng)論 0贊 353
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵脑奠，是天一觀的道長。經(jīng)常有香客問我幅慌，道長宋欺，這世上最難降的妖魔是什么？我笑而不...
開封第一講書人閱讀 58,176評(píng)論 1贊 292
?港島之戀（遺憾婚禮）
正文為了忘掉前任胰伍，我火速辦了婚禮齿诞，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘骂租。我一直安慰自己祷杈，他們只是感情好，可當(dāng)我...
茶點(diǎn)故事閱讀 67,189評(píng)論 6贊 388
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布渗饮。她就那樣靜靜地躺著但汞，像睡著了一般宿刮。火紅的嫁衣襯著肌膚如雪。梳的紋絲不亂的頭發(fā)上特占，一...
開封第一講書人閱讀 51,155評(píng)論 1贊 299
城市分裂傳說
那天糙置，我揣著相機(jī)與錄音，去河邊找鬼是目。笑死谤饭，一個(gè)胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的懊纳。我是一名探鬼主播揉抵，決...
沈念sama閱讀 40,041評(píng)論 3贊 418
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼嗤疯！你這毒婦竟也來了冤今？” 一聲冷哼從身側(cè)響起，我...
開封第一講書人閱讀 38,903評(píng)論 0贊 274
萬榮殺人案實(shí)錄
序言：老撾萬榮一對(duì)情侶失蹤茂缚，失蹤者是張志新（化名）和其女友劉穎戏罢，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體脚囊，經(jīng)...
沈念sama閱讀 45,319評(píng)論 1贊 310
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡龟糕，尸身上長有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 37,539評(píng)論 2贊 332
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了悔耘。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片讲岁。...
茶點(diǎn)故事閱讀 39,703評(píng)論 1贊 348
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡，死狀恐怖衬以，靈堂內(nèi)的尸體忽然破棺而出缓艳，到底是詐尸還是另有隱情，我是刑警寧澤看峻，帶...
沈念sama閱讀 35,417評(píng)論 5贊 343
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布阶淘，位于F島的核電站，受9級(jí)特大地震影響互妓，放射性物質(zhì)發(fā)生泄漏舶治。R本人自食惡果不足惜，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 41,013評(píng)論 3贊 325
男人毒藥：我在死后第九天來索命
文/蒙蒙一车猬、第九天我趴在偏房一處隱蔽的房頂上張望。院中可真熱鬧尺锚，春花似錦珠闰、人聲如沸。這莊子的主人今日做“春日...
開封第一講書人閱讀 31,664評(píng)論 0贊 22
一樁弒父案伏嗜，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽坛悉。三九已至，卻和暖如春承绸，著一層夾襖步出監(jiān)牢的瞬間裸影，已是汗流浹背。一陣腳步聲響...
開封第一講書人閱讀 32,818評(píng)論 1贊 269
情欲美人皮
我被黑心中介騙來泰國打工军熏，沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留轩猩，地道東北人。一個(gè)月前我還...
沈念sama閱讀 47,711評(píng)論 2贊 368
代替公主和親
正文我出身青樓荡澎，卻偏偏與公主長得像均践，于是被迫代替她去往敵國和親。傳聞我的和親對(duì)象是個(gè)殘疾皇子摩幔，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 44,601評(píng)論 2贊 353

day4-其他簡單css屬性

推薦閱讀更多精彩內(nèi)容