gpt4 book ai didi

html - 去除标题栏周围的边框

转载 作者:太空宇宙 更新时间:2023-11-04 04:58:36 25 4
gpt4 key购买 nike

好吧,我这个浅灰色显示靠近标题栏“Indie News”中的曲线它实际上是背景显示,不是边界。

Link to image

我有这个作为我的 html,我认为它在一个表中有一个表导致了这个?但不确定。

<div id="contentwrapper">
<!-- NEWS START -->
<table width="100%"><tr><td>
<div class="rounded">
<div class="rounded_top">
<div>Indie News</div>
</div>
<div class="rounded_content">
<font align='Right'><a href="#" >Submit Your Story</a> </font>
</div>
<div class="rounded_bottom">
</div>
</div> <!-- end of rounded-->
<table><tr><td align='center'>
<div id='coin-slider'>
<a href="images/newsimage/minecraft1.jpg" target="_blank">
<img src='images/newsimage/minecraft1.jpg' >
<span>
Minecraft still an indy game?
</span>
</a>
<a href="images/newsimage/spider1.jpg">
<img src='images/newsimage/spider1.jpg' >
<span>
Spider just released!
</span>
</a>
</div><!--end of coin slider-->
</td></tr></table><!--end of coinslider table-->
</td></tr></table><!--end of news start table-->

<!-- Reviews start -->
<!-- Review #1 -->
<table style="border:none;">
<tr>
<th rowspan="4" width="30%" bgcolor='#7e7e7e'><IMG SRC="images/review image/dj.jpg" ALT="Dinomight jack"></th>
<td><a href="#" style="text-decoration:none" >Review of Dynimite Jack </a>
</td>
</tr>
<tr>
<td>By <i>Bob Bobby</i></td>
</tr>
<tr>
<td>Now here's a surprisingly nice piece of news. Stealthy demolition game Dynamite Jack has already been a reasonable .</td>
</tr>
<tr>
<td bgcolor='#7e7e7e'><a href="#" > 0 comments</a> | <a href="#" >Leave a comment</a> </td>
</tr>
</table><!--end of review table-->

</div><!--end of contenet wrapper-->

还有css..

    /***************/
/* CONTENT */
/***************/
#contentwrapper{
display: table-cell;
width: 700px;
background: #919191;
border: None;

}

#contentcolumn{
margin: 0 20% 0 20%; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}

#contentwrapper table {
border: none;
width: 100%;/*around 700 max for images*/
border-collapse: collapse;
}




/***************/
/*content round box*/
/***************/
.rounded {
background: #000000;
width: auto;
}
.rounded_top div {
background: url(../images/up-left641.png) no-repeat top left;
}
.rounded_top {
background: url(../images/up-right641.png) no-repeat top right;
}
.rounded_bottom div {
background: url(../images/down-left641.png) no-repeat bottom left;
}
.rounded_bottom {
background: url(../images/down-right641.png) no-repeat bottom right;
}

.rounded_top div, .rounded_top,
.rounded_bottom div, .rounded_bottom {
width: auto;
height: 25;
font-size: 24px;
font-weight:bold;
text-align:center;
color:#ffffff;
padding:-40px;
}
.rounded_content { margin: 0 20 0 20;}
.rounded { color:#000000;}

欢迎所有建议。谢谢格伦

最佳答案

创建网站时重置样式通常是个好主意,以确保浏览器之间的兼容性。风格会是这样的:

*{
margin:0;
padding:0;
border:0;
}

您可以在此处查看更多详细信息:http://www.cssreset.com/

关于html - 去除标题栏周围的边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11931464/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com