怎么说呢?应该说是样式问题吧,帮看看谢谢_html/css

回复讨论(解决方案)

首頁

web前端

html教學

怎么说呢?应该说是样式问题吧,帮看看谢谢_html/css_WEB-ITnose

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 24, 2016 am 11:47 AM

body{	font-family: "宋体", Verdana, Arial;	font-size: 12px;	margin: 0px;	background: #CED7F7;}.table_border{	border:solid 1px #C4CCD6;	background-color:#FFFFFF;}th{		font-weight:bold;	font:12px;	background-image:url(admin_bg_1.gif);	background-repeat:repeat-x;	color:white;	background-color:4455AA;	height:25px;}td{	font:"宋体" 12px;	line-height: 20px;	line-height: 150%;	table-layout: fixed;}input{	border:#7F9DB9 solid 1px;	background: #FFF;	font-size:12px;}span.tip{	font-size:12px;	position:static;}

登入後複製

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><link rel="stylesheet" type="text/css" href="style.css"><script src="jquery-1.7.2.js" type="text/javascript"></script><style type="text/css">.even{	background-color:#E4EDF9;}.odd{	background-color:#FFFFFF;}</style><script type="text/javascript">$(document).ready(function(){ //隔行表色 $("tr:even").addClass("even"); $("tr:odd").addClass("odd");   });</script><body>	<form id="form1" runat="server">    <table align="center" cellpadding="1" cellspacing="1" class="table_border" width="98%">        <tr height="22" align="center">            <td align="left" class="forumRow" width="40%">                当前位置：设置            </td>        </tr>    </table>		<br />	<table width="98%" border="0" cellpadding="5" cellspacing="0" align="center" class="table_border">		<tr>			<th colspan="2" valign="middle">设置</th>		</tr>		<tr>			<td align="right" width="40%">文件名称:</td>			<td align="left" width="60%"><input type="text"></td>		</tr>		<tr>			<td align="right" width="40%">文件路径:</td>			<td align="left" width="60%"><input type="text"></td>		</tr>				<tr>			<td align="right" width="40%">图片路径:</td>			<td align="left" width="60%"><input type="text"></td>		</tr>	</table>	</form></body></html>

登入後複製

背景图片高度够的

就想知道多出来的10是怎么来的
愣是找不出问题来

回复讨论(解决方案)

应该是浏览器默认的padding, margin的原因。
你开始并没有重置样式表。
tr, th{
margin: 0;
padding: 0;
}
另外，前端样式调试，免不了要用firebug之类的工具，熟悉一下吧。

这个还真没用过firebug之类的工具~是否还有其他工具
还有为什么不加
tr, th{
margin: 0;
padding: 0;
}
默认就不是0了吗?

th元素默认是 padding:5px;
你重新设置下
th
{
font-weight:bold;
font:12px;
background-image:url(admin_bg_1.gif);
background-repeat:repeat-x;
color:white;
background-color:4455AA;
height:25px;
padding: 0px;
}

结贴了~知道了

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7798

Java教學

1644

CakePHP 教程

1402

Laravel 教程

1299

PHP教程

1234

Related knowledge

HTML容易為初學者學習嗎？ Apr 07, 2025 am 12:11 AM

HTML適合初學者學習，因為它簡單易學且能快速看到成果。 1)HTML的學習曲線平緩，易於上手。 2)只需掌握基本標籤即可開始創建網頁。 3)靈活性高，可與CSS和JavaScript結合使用。 4)豐富的學習資源和現代工具支持學習過程。

HTML，CSS和JavaScript的角色：核心職責 Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構，CSS負責樣式和佈局，JavaScript賦予動態交互。三者在網頁開發中各司其職，共同構建豐富多彩的網站。

了解HTML，CSS和JavaScript：初學者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml，CSS和JavaScript：1）HTMLStructuresContent，2）CSSStyleSIT和3）JavaScriptAddSstractivity，形成thebasisofmodernWebemodernWebExexperiences。

HTML中起始標籤的示例是什麼？ Apr 06, 2025 am 12:04 AM

AnexampleOfAstartingTaginHtmlis，beginSaparagraph.startingTagSareEssentialInhtmlastheyInitiateEllements，defiteTheeTheErtypes，andarecrucialforsstructuringwebpages wepages webpages andConstructingthedom。