2018-08-12

1.png

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
margin: 0;
padding:0;
}
.box{
width: 960px;
height: 40px;
background-color: #50a7ee;
margin:20px auto;
text-decoration: none;
}
.box ul{
width: 700px;
height: 40px;
background-color: #50a7ee;

    }
    .box ul li{
        width: 100px;
        height: 40px;
        float: left;
        line-height: 40px;
        text-align: center;
        list-style:none;
    }
    .box ul li a{
        text-decoration: none;
        font-size:14px;
        font-family: "雅黑";
        color: #ffffff;
        font-weight: bold;
    }
    .box ul li a:hover{
        background:#0160a2;
        display: block;
    }
</style>

</head>
<body>
<div class="box">
<ul>
<li><a href="#">首頁</a></li>
<li><a href="#">網(wǎng)站建設(shè)</a></li>
<li><a href="#">程序開發(fā)</a></li>
<li><a href="#">網(wǎng)絡(luò)營銷</a></li>
<li><a href="#">企業(yè)VI</li>
<li><a href="#">案例展示</a></li>
<li><a href="#">聯(lián)系我們</a></li>
</ul>
</div>
</body>
</html>


2.png

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>機(jī)試練習(xí)--翻頁</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
.p{
width: 960px;
height: 42px;
border: gray solid 1px;
margin: 0 auto;
zoom:1;
font-family:雅黑;
font-size:14px;
background-color:white;
}
ul{
list-style: none;
margin:5px 150px;
}
li{
float: left;
margin:0px 5px;
}
ul .cc{
background-color:gold;
}
a{
text-decoration: none;
color: red;
display: block;
padding:5px 10px;
}
a:hover{
background-color: red;
color: white;

    }
</style>

</head>
<body>
<div class="p">
<ul>
<li class="cc"><a href="#">上一頁</a></li>
<li class="cc"><a href="#">1</a></li>
<li class="cc"><a href="#">2</a></li>
<li class="cc"><a href="#">3</a></li>
<li class="cc"><a href="#">4</a></li>
<li class="cc"><a href="#">5</a></li>
<li class="cc"><a href="#">6</a></li>
<li>...</li>
<li class="cc"><a href="#">14</a></li>
<li class="cc"><a href="#">15</a></li>
<li class="cc"><a href="#">16</a></li>
<li class="cc"><a href="#">17</a></li>
<li class="cc"><a href="#">下一頁</a></li>
</ul>
</div>

</body>
</html>


3.png

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.box{
width: 960px;
height: 42px;
margin: 50px auto;
border: 1px black solid;

      }
    .box ul{
        width: 800px;
        height: 42px;
        margin: 0 auto;

    }
    .box ul li{
        width:100px;
        height: 42px;
        float: left;
        line-height: 42px;
        list-style:none;
        color: black;
        text-align: center;
    }
    .box ul li a{
        text-decoration: none;
        padding-right: 20px;
        font-size:14px;
        color: #383838;
        font-weight: bold;


        
    }
    
</style>

</head>
<body>
<div class="box">
<ul>
<li><a href="#">首頁</a><span>|</span></li>
<li><a href="#">網(wǎng)站建設(shè)</a><span>|</span></li>
<li><a href="#">程序開發(fā)</a><span>|</span></li>
<li><a href="#">網(wǎng)絡(luò)營銷</a><span>|</span></li>
<li><a href="#">企業(yè)VI</a><span>|</span></li>
<li><a href="#">案例展示</a><span>|</span></li>
<li><a href="#">聯(lián)系我們</a></li>
</ul>
</div>

</body>
</html>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市锁孟,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌败徊,老刑警劉巖,帶你破解...
    沈念sama閱讀 222,865評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件腐宋,死亡現(xiàn)場離奇詭異养交,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)伯病,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,296評論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人午笛,你說我怎么就攤上這事惭蟋。” “怎么了药磺?”我有些...
    開封第一講書人閱讀 169,631評論 0 364
  • 文/不壞的土叔 我叫張陵告组,是天一觀的道長。 經(jīng)常有香客問我癌佩,道長木缝,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 60,199評論 1 300
  • 正文 為了忘掉前任围辙,我火速辦了婚禮我碟,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘姚建。我一直安慰自己矫俺,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,196評論 6 398
  • 文/花漫 我一把揭開白布掸冤。 她就那樣靜靜地躺著厘托,像睡著了一般。 火紅的嫁衣襯著肌膚如雪稿湿。 梳的紋絲不亂的頭發(fā)上铅匹,一...
    開封第一講書人閱讀 52,793評論 1 314
  • 那天,我揣著相機(jī)與錄音缎罢,去河邊找鬼伊群。 笑死考杉,一個(gè)胖子當(dāng)著我的面吹牛策精,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播崇棠,決...
    沈念sama閱讀 41,221評論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼咽袜,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了枕稀?” 一聲冷哼從身側(cè)響起询刹,我...
    開封第一講書人閱讀 40,174評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎萎坷,沒想到半個(gè)月后凹联,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,699評論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡哆档,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,770評論 3 343
  • 正文 我和宋清朗相戀三年蔽挠,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瓜浸。...
    茶點(diǎn)故事閱讀 40,918評論 1 353
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡澳淑,死狀恐怖比原,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情杠巡,我是刑警寧澤量窘,帶...
    沈念sama閱讀 36,573評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站氢拥,受9級特大地震影響蚌铜,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜嫩海,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,255評論 3 336
  • 文/蒙蒙 一厘线、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧出革,春花似錦造壮、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,749評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至展箱,卻和暖如春旨枯,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背混驰。 一陣腳步聲響...
    開封第一講書人閱讀 33,862評論 1 274
  • 我被黑心中介騙來泰國打工攀隔, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人栖榨。 一個(gè)月前我還...
    沈念sama閱讀 49,364評論 3 379
  • 正文 我出身青樓昆汹,卻偏偏與公主長得像,于是被迫代替她去往敵國和親婴栽。 傳聞我的和親對象是個(gè)殘疾皇子满粗,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,926評論 2 361

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

  • 這一周是以運(yùn)動(dòng)為主學(xué)習(xí)為輔助,當(dāng)然自律是先決條件愚争。以前覺得自己寫晨間日記是一件非常困難的事映皆,天使班1.0時(shí)49天里...
    Lucky有情閱讀 151評論 0 0
  • 今天的我,此時(shí)此刻的我轰枝,有著諸多逃避自己的理由捅彻,我真的觸碰到自己的生命了嗎?
    大偉5555閱讀 185評論 0 0
  • 蘇格拉底說過:沒有反思的人生不值得過鞍陨。今天做出踐行以來的第一次檢視步淹。 隨著踐行的進(jìn)行,也從青蛙營進(jìn)入檢視營,無論基...
    杜文奎閱讀 221評論 0 1
  • 文|歐陽妮妮妮 今天長沙放晴了,我透過窗簾看到對面房子的一束陽光幼驶,內(nèi)心豁然開朗艾杏,想要一把抓住這陽光,有種喜...
    漚泥閱讀 1,343評論 9 13
  • 開篇之前盅藻,我來講個(gè)故事吧购桑。 小蝌蚪和卵細(xì)胞相遇的那一刻,DNA解旋氏淑,復(fù)制勃蜘,細(xì)胞分裂,于是我們帶著祖先留...
    柒曉曉閱讀 451評論 0 1