我試圖刪除多餘的線在頁腳中的額外的空間,我想修改我的CSS,但它沒用,我在網頁上有4點CSS的ID content
,search
,button_style
和ad
這充當我的頁腳這裏,我需要刪除頁面下方的藍線,你在截圖中看到的porblem,這裏是我的代碼消除頁腳
#content {
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 6px solid #BDF4FC ;
width: 50%;
height: 150px;
margin: 0px auto;
text-align: left;
padding: 15px;
margin-top: 10%;
background-color: #ffffff;
}
#search {
height: 42px;
border: medium solid #63D1F2;
font-size: 24px;
font-style: normal;
color: #CCC;
font-weight: bolder;
vertical-align: middle;
margin-left:7%;
margin-top:7%;
position:relative;
text-indent:10px;
}
#button_style {
background-image: url(images/search_button.png);
height: 44px;
width: 92px;
background-color: #FFF;
border: 0px none #FFF;
vertical-align: middle;
margin-top:7%;
margin-left:1px;
}
#ad {
width:auto;
height:190px;
background-color:#FFF;
margin-top:5%;
border-top-width: 10px;
border-top-style: solid;
border-top-color: #12ADDA;
border-right-color: #EDEDED;
border-bottom-color: #EDEDED;
border-left-color: #EDEDED;
padding-top:40px;
float: none;
}
<body>
<div id="buttonsmenu">
HOME | LOGIN | REGISTER | ABOUT US | HELP
</div>
<div id="content">
<form action="" method="get">
<input name="search" type="text" id="search" onfocus="clearContents(this);" onchange="RestContents(this);" value="Search Reservation" size="40" /><input type="submit" value="" id="button_style"/>
</form>
</div>
<div id="ad"></div>
</body>
</html>
有什麼建議?
很難說沒有看到html源代碼,但它看起來像一個邊框 – 2012-03-01 20:31:55
@rfausak對不起,我已經更新了代碼以包含html代碼,藍色的剝離線不是邊框。 – 2012-03-01 20:35:42
我們可以看到一些純粹的html標記嗎? – 2012-03-01 20:35:45