                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

這里的選項(xiàng)卡下邊界的白色怎么覆蓋內(nèi)容DIV上邊界的顏色呢？

求教，我做出來的選項(xiàng)卡#fff顏色無法覆蓋DIV的上邊界。

<!DOCTYPE html>

<html>

<head>

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

? ? <title>實(shí)踐題 - 選項(xiàng)卡</title>

? ? <style type="text/css">

? ? ?/* CSS樣式制作 */ ?

? ??

? ? ? ?#choices li{

? ? ? ? ? ?font-size:14px;

? ? ? ? ? ?display:inline-block;

? ? ? ? ? ?border: solid 0.5px ;

? ? ? ? ? ?border-color:#ccc;

? ? ? ? ? ?width:55px;

? ? ? ? ? ?height:30px;

? ? ? ? ? ?text-align:center;

? ? ? ? ? ?line-height:30px;

? ? ? ? ? ?padding-right:8px;

? ? ? ? ? ?padding-left:8px;

? ? ? ? ? ?margin-bottom:0px;

? ? ? ? ? ?border-bottom: #fff solid 0.5px;

? ? ? ? ? ?

? ? ? ? ? ??

? ? ? ?}

? ? ?#choices{

? ? ? ? ? ?margin-bottom:0;

? ? ?}

? ?

? ? ? ?#div1{

? ? ? ? ??

? ? ? ? ? ?border:solid #ccc 0.5px;

? ? ? ? ? ?width:300px;

? ? ? ? ? ?height:150px;

? ? ? ? ? ?margin-top:;

? ? ? ? ? ?position:relative;

? ? ? ? ? ?left:35px;

? ? ? ? ? ?border-top:saddlebrown solid 0.5px;

? ? ? ?}

? ? </style>

? ? <script type="text/javascript">

? ? ? ? ?

? ? // JS實(shí)現(xiàn)選項(xiàng)卡切換

? ? var content = document.getElementsByTagName("div");

? ? var choices = document.getElementById("choices").childNodes;

? ? window.onload= function(){

? ? ? ??

? ? }

? ? function getChoice(obj){

? ? ? ? ? ?// alert(content[0].innerHTML);

? ? ? ? switch(obj.innerHTML){

? ? ? ? ? ? case "房產(chǎn)" :

? ? ? ? ? ? ? ? content[0].innerHTML=

? ? ? ? ? ? ? ? "275萬購昌平鄰鐵三居總價(jià)20萬買一居<br /> 200萬內(nèi)購五環(huán)三居 140萬安家東三環(huán)<br/> 北京首現(xiàn)零首付樓盤 53萬購東5環(huán)50平<br /> 京樓盤直降5000 中信府公園樓王現(xiàn)房";

? ? ? ? ? ? ? ? break;

? ? ? ? ? ? case "家居":

? ? ? ? ? ? ? ? content[0].innerHTML=

? ? ? ? ? ? ? ? "40平出租屋大改造美少女的混搭小窩<br/>經(jīng)典清新簡歐愛家 90平老房煥發(fā)新生<br />新中式的酷色溫情 66平撞色活潑家居<br />瓷磚就像選好老婆衛(wèi)生間煙道的設(shè)計(jì)";

? ? ? ? ? ? ? ? break;

? ? ? ? ? ? case "二手房":

? ? ? ? ? ? ? ? content[0].innerHTML=

? ? ? ? ? ? ? ? " ? ? 通州豪華3居260萬二環(huán)稀缺2居250w甩<br />西3環(huán)通透2居290萬 130萬2居限量搶購<br />黃城根小學(xué)學(xué)區(qū)僅260萬 121平70萬拋!<br /獨(dú)家別墅280萬蘇州橋2居優(yōu)惠價(jià)248萬";

? ? ? ? ? ? ? ? break;

? ? ? ? ? ? ? ? default: ?alert("Can not get object!");

? ?

? ? ? ? }

? ? }

? ??

? ? </script>

?

</head>

<body>

? ? <li onmouseover="getChoice(this)">房產(chǎn)</li>