第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

正在回答

1 回答

<!DOCTYPE html>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title>頁(yè)碼的制作</title>

<style>

/*在此定義相關(guān)CSS樣式*/

li{

list-style: none;

}

a{

text-decoration: none;

color: black;

}

.news_main{

width: 998px;

//height: 350px;/*與下面同理 父盒子高度固定將會(huì)影響子盒子撐開(kāi)*/

min-height: 350px;

_height: 350px;

border-radius: 5px;

margin: 0 auto;

background-color: #fff;

}

.new_left{

width: 220px;

height: 350px;

border: 1px solid #e8e8e8;

float: left;

border-radius: 3px;

}

.new_left h2{

height: 35px;

line-height: 35px;

font-family: "微軟雅黑";

font-size: 13px;

color: #666;

background-image: url("../img/title_bg.gif");

padding-left: 22px;/*使標(biāo)題內(nèi)容與盒子左邊框有一定距離*/

border-bottom: 1px solid #e8e8e8;

}

.new_left .left_content ul li{

height: 30px;

line-height: 30px;

padding-left: 7px;

}

.new_left .left_content ul li a{

color: #666;

background-image: url("../img/li_bg.gif");

background-repeat: no-repeat;

padding-left: 15px;

display: block;

background-position: left center;

}

.new_left .left_content ul li a:hover{

color: #009cdf;

background-image: url("../img/li_bg2.gif");

background-color: #f2f2f2;

}

.new_right{

width: 770px;

//height: 350px;/*高度不能固定 否則頁(yè)面內(nèi)容過(guò)多會(huì)溢出*/

min-height: 350px;/*最少高度 350px 隨著內(nèi)容增加 高度自動(dòng)增加 在IE6中不支持*/

_height: 350px;/* CSS hack 解決上述IE6問(wèn)題 這種寫(xiě)法只有IE6能夠識(shí)別*/

border: 1px solid #e8e8e8;

float: right;

border-radius: 3px;

background-color: #fff;

}

footer{

clear: both;/*清除浮動(dòng) 因?yàn)楹凶?new_right 已經(jīng)浮動(dòng) 當(dāng)高度改變時(shí) 將會(huì)影響 footer 盒子的布局*/

}

.new_right h2{

height: 35px;

line-height: 35px;

font-family: "微軟雅黑";

font-size: 13px;

color: #666;

background-image: url("../img/title_bg.gif");

padding-left: 22px;/*使標(biāo)題內(nèi)容與盒子左邊框有一定距離*/

border-bottom: 1px solid #e8e8e8;

}

.new_right ul{

padding-left: 7px;

}

.new_right ul li{

height: 25px;

line-height: 25px;

border-bottom: 1px solid #e8e8e8;

background-image: url("../img/list.jpg");/*用背景設(shè)置項(xiàng)目符號(hào)*/

background-repeat: no-repeat;

background-position: left center;

padding-left: 15px;

color: #666;

}

.page_number{

height: 30px;

margin-top: 10px;

margin-bottom: 10px;

text-align: center;

}

.page_number a{

display: inline-block;

border: 1px solid #e8e8e8;

padding: 5px 10px;

border-radius: 8px;

}

.page_number a:hover{

color: #fff;

background-color: #cc1b1b;

}

</style>

</head>


<body>

<!--在此制作頁(yè)碼的基本結(jié)構(gòu)-->

<div class="news_main">

<div class="new_left">

<h2>新聞中心</h2>

<div class="left_content">

<ul>

<li><a href="#">公司新聞</a></li>

<li><a href="#">行業(yè)新聞</a></li>

<li><a href="#">媒體報(bào)道</a></li>

<li><a href="#">活動(dòng)專(zhuān)題</a></li>

<li><a href="#">精彩視頻</a></li>

<li><a href="#">資源下載</a></li>

<li><a href="#">公司內(nèi)刊</a></li>

</ul>

</div>

</div>

<div class="new_right">

<h2>新聞中心</h2>

<div class="right_list">

<ul>

<li><span>2014-06-01</span> <a href="#">【慕客訪談 用戶(hù)篇】“有為屌絲”在路上</a></li>

? ? ? ? ? ? ?<li><span>2014-06-01</span><a href="#">【有獎(jiǎng)活動(dòng)】給父親的三行書(shū)信</a></li>

? ? ? ? ? ? ?<li><span>2014-05-30</span><a href="#">《程序猿，請(qǐng)曬出你的童年》活動(dòng)獲獎(jiǎng)公告</a></li>

? ? ? ? ? ? <li><span>2014-05-28</span><a href="#" title="aa">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a></li>

? ? ? ? ? ? <li><span>2014-06-01</span> <a href="#">【慕客訪談 用戶(hù)篇】“有為屌絲”在路上</a></li>

? ? ? ? ? ? ?<li><span>2014-06-01</span><a href="#">【有獎(jiǎng)活動(dòng)】給父親的三行書(shū)信</a></li>

? ? ? ? ? ? ?<li><span>2014-05-30</span><a href="#">《程序猿，請(qǐng)曬出你的童年》活動(dòng)獲獎(jiǎng)公告</a></li>

? ? ? ? ? ? <li><span>2014-05-28</span><a href="#" title="aa">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a></li>

? ? ? ? ? ? <li><span>2014-06-01</span> <a href="#">【慕客訪談 用戶(hù)篇】“有為屌絲”在路上</a></li>

? ? ? ? ? ? ?<li><span>2014-06-01</span><a href="#">【有獎(jiǎng)活動(dòng)】給父親的三行書(shū)信</a></li>

? ? ? ? ? ? ?<li><span>2014-05-30</span><a href="#">《程序猿，請(qǐng)曬出你的童年》活動(dòng)獲獎(jiǎng)公告</a></li>

? ? ? ? ? ? <li><span>2014-05-28</span><a href="#" title="aa">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a></li>

? ? ? ? ? ? <li><span>2014-06-01</span> <a href="#">【慕客訪談 用戶(hù)篇】“有為屌絲”在路上</a></li>

? ? ? ? ? ? ?<li><span>2014-06-01</span><a href="#">【有獎(jiǎng)活動(dòng)】給父親的三行書(shū)信</a></li>

? ? ? ? ? ? ?<li><span>2014-05-30</span><a href="#">《程序猿，請(qǐng)曬出你的童年》活動(dòng)獲獎(jiǎng)公告</a></li>

? ? ? ? ? ? <li><span>2014-05-28</span><a href="#" title="aa">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a></li>

? ? ? ? ? ? <li><span>2014-06-01</span> <a href="#">【慕客訪談 用戶(hù)篇】“有為屌絲”在路上</a></li>

? ? ? ? ? ? ?<li><span>2014-06-01</span><a href="#">【有獎(jiǎng)活動(dòng)】給父親的三行書(shū)信</a></li>

? ? ? ? ? ? ?<li><span>2014-05-30</span><a href="#">《程序猿，請(qǐng)曬出你的童年》活動(dòng)獲獎(jiǎng)公告</a></li>

? ? ? ? ? ? <li><span>2014-05-28</span><a href="#" title="aa">【慕課訪談】破繭成蝶——美女程序員的蛻變史</a></li>

? ? ? ? ? ? <li><span>2014-06-01</span> <a href="#">【慕客訪談 用戶(hù)篇】“有為屌絲”在路上</a></li>

? ? ? ? ? ? ?<li><span>2014-06-01</span><a href="#">【有獎(jiǎng)活動(dòng)】給父親的三行書(shū)信</a></li>

? ? ? ? ? ? ?<li><span>2014-05-30</span><a href="#">《程序猿，請(qǐng)曬出你的童年》活動(dòng)獲獎(jiǎng)公告</a></li>

? ? ? ? ? ? ?<li><span>2014-06-01</span> <a href="#">【慕客訪談 用戶(hù)篇】“有為屌絲”在路上</a></li>

? ? ? ? ? ? ?<li><span>2014-06-01</span><a href="#">【有獎(jiǎng)活動(dòng)】給父親的三行書(shū)信</a></li>

? ? ? ? ? ? ?<li><span>2014-05-30</span><a href="#">《程序猿，請(qǐng)曬出你的童年》活動(dòng)獲獎(jiǎng)公告</a></li>

? ? ? ? ? ?</ul>

</div>

<div class="page_number">

<a href="#">首頁(yè)</a>

<a href="#">&lt;</a>

<a href="#">1</a>

<a href="#">2</a>

<a href="#">3</a>

<a href="#">...</a>

<a href="#">&gt;</a>

<a href="#">末頁(yè)</a>

</div>

</div>

</div>



</body>

</html>


2 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消

4-4的代碼哪個(gè)小可愛(ài)提供一下，謝謝～

我要回答 關(guān)注問(wèn)題
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)