免费视频淫片aa毛片_日韩高清在线亚洲专区vr_日韩大片免费观看视频播放_亚洲欧美国产精品完整版

打開APP
userphoto
未登錄

開通VIP，暢享免費電子書等14項超值服

開通VIP

首頁

好書

留言交流

下載APP

聯(lián)系客服
css+div 示例
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<html xmlns="<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>無標(biāo)題文檔</title>
<style media="screen" type="text/css">
<!--
*{font-size:12px;}
html,body{margin:0;text-align:center;over-flow:hidden;height:100%;width:100%;}
UL{list-style-type:none; margin:0px;}
/* 標(biāo)準(zhǔn)盒模型 */
div{border:1px inset #ccc;}
li{border:1px dotted #6CC;}
ul{border:1px solid #F66;}
.box{width: 187px; height: 289px;}
.ttl{height:18px;}
.ctt{height:100%;padding:6px;}
.w936{width:936px;margin:2px 0;clear:both;}
/* 一列多橫 */
.mn_{width:187px;}
.mn_ li{height:20px;padding-top:6px;}
/* 一橫列多列 */
.nv_{width:936px;height:200px;}
.nv_ ul{height:20px;}
.nv_ li{float:left;margin-right:4px;width:80px;height:20px;padding-top:8px;}
/* 二欄式 */
.ll,.lr{float:left;}
.ll{width:160px;height:300px;}
.lr{width:772px;/*padding-bottom:100000px;margin-bottom:-100000px;*/}
/* 三欄式 */
.lyl,.lym,.lyr{float:left;}
.lyl{width:160px;height:300px;}
.lym{width:610px; height:300px;}
.lyr{width:160px;height:300px;}
/* TAB 切換效果 */
.tb_{background-color: #E6F2FF; background-image: url('http://www.dc18.com/images/barbg_tab.gif'); background-repeat: repeat-x;}
.tb_ ul{height:16px;}
.tb_ li{float:left;height: 24px;padding-top: 6px;width: 94px;cursor:pointer;}
.normaltab   { background-image:url('http://www.dc18.com/images/normal_tab.gif'); background-repeat: no-repeat; color:#1F3A87 ;}
.hovertab    { background-image: url('http://www.dc18.com/images/hover_tab.gif'); background-repeat: no-repeat; color:#1F3A87; font-weight:bold }
.dis{display:block;}
.undis{display:none;}
/* 自定義圖標(biāo)列表 */
.icon_ ul{height:300px;}
.icon_ li{text-align:left;height: 18px; margin-left: 10px; padding-top: 4px; background-image: url('http://www.dc18.com/images/hotlinksbg_icon.gif'); background-repeat: no-repeat;  background-position-y: 10px; padding-left:10px; width:150px }
-->
</style>
</head>
<body>
<div class="box">
標(biāo)準(zhǔn)盒模型
</div>
<hr />
<div class="box" id="">
 <div class="ttl" id="">標(biāo)題</div>
 <div class="ctt" id="">內(nèi)容[1框標(biāo)準(zhǔn)盒模型]</div>
</div>
<hr />
<div id="" class="mn_">
 <ul>
  <li>菜單一</li>
  <li>菜單一</li>
  <li>菜單一</li>
  <li>菜單一</li>
  <li>菜單一</li>
  <li>菜單一</li>
  <li>菜單一</li>
 </ul>
</div>
<hr />
<div class="w936">
 <div id="" class="nv_">
  <ul>
   <li>菜單一</li>
   <li>菜單一</li>
   <li>菜單一</li>
   <li>菜單一</li>
   <li>菜單一</li>
   <li>菜單一</li>
   <li>菜單一</li>
  </ul>
 </div>
</div>
<hr />
<div class="w936">
 <div class="ll">左
 </div>
 <div class="lr">右
 </div>
</div>
 
<hr />
<div class="w936">
 <div class="lyl">左
 </div>
 <div class="lym">中
 </div>
 <div class="lyr">右
 </div>
</div>
<hr />
<div class="w936">
 <div id="tb_" class="tb_">
   <ul>
    <li id="tb_1" class="hovertab" onmouseover="tbc_01.className='dis';tbc_02.className='undis';tbc_03.className='undis';tbc_04.className='undis';this.className='hovertab';tb_2.className='normaltab';tb_3.className='normaltab';tb_4.className='normaltab';">網(wǎng)上房展會</li>
    <li id="tb_2" class="normaltab" onmouseover="tbc_02.className='dis';tbc_03.className='undis';tbc_04.className='undis';tbc_01.className='undis';this.className='hovertab';tb_1.className='normaltab';tb_3.className='normaltab';tb_4.className='normaltab';">本月開盤</li>
    <li id="tb_3" class="normaltab" onmouseover="tbc_03.className='dis';tbc_01.className='undis';tbc_02.className='undis';tbc_04.className='undis';this.className='hovertab';tb_2.className='normaltab';tb_1.className='normaltab';tb_4.className='normaltab';">知名開發(fā)商</li>
    <li id="tb_4" class="normaltab" onmouseover="tbc_04.className='dis';tbc_01.className='undis';tbc_02.className='undis';tbc_03.className='undis';this.className='hovertab';tb_2.className='normaltab';tb_3.className='normaltab';tb_1.className='normaltab';">欄目導(dǎo)航</li>
   </ul>
 </div>
 <div>
  <div class="undis" id="tbc_01">內(nèi)容1</div>
  <div class="undis" id="tbc_02">內(nèi)容2</div>
  <div class="undis" id="tbc_03">內(nèi)容3</div>
  <div class="undis" id="tbc_04">內(nèi)容4</div>
 </div>
</div>
<hr />
<div class="icon_">
 <ul>
  <li><a href="#">房產(chǎn)律師在線咨詢</a></li>
  <li><a href="#">買房參考－網(wǎng)友評房</a></li>
  <li><a href="#">房貸計算器</a></li>
  <li><a href="#">在線評估(全房提供)</a></li>     
  <li><a href="#">電子地圖服務(wù)</a> </li>
  <li><a href="#">城市規(guī)劃</a> </li>
  <li><a href="#">房產(chǎn)相關(guān)合同下載</a></li>
  <li><a href="#">房地產(chǎn)相關(guān)部門</a></li>
  <li><a href="#">家居服務(wù)黃頁</a></li>
  <li><a href="#">房地產(chǎn)人才招聘</a></li>
 </ul>
</div>
<hr />
</body>
</html>
打開APP，閱讀全文并永久保存 查看更多類似文章
猜你喜歡
類似文章
css+div實現(xiàn)標(biāo)簽卡Tab效果
基于swiper的Tab選項卡
欄目切換效果，提取出的基本代碼 div+css+js
CSS彈出DIV層效果
在 React.js 中自動復(fù)制文本到剪貼板
用js寫簡單選項卡 加 自動切換效果
更多類似文章 >>
生活服務(wù)
分享 收藏 導(dǎo)長圖 關(guān)注 下載文章
綁定賬號成功
后續(xù)可登錄賬號暢享VIP特權(quán)！
如果VIP功能使用有故障，
可點擊這里聯(lián)系客服！

聯(lián)系客服