Heim > Web-Frontend > HTML-Tutorial > div标签里有tr表格,该如何设定CSS样式?_html/css_WEB-ITnose

div标签里有tr表格,该如何设定CSS样式?_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:11:44
Original
1433 Leute haben es durchsucht

<div id="subpage">     <tr id="serverlist">       <table>        <tr class='serverinfo'>        <td class='servericon'>		        </td>        <td>               </td>        <td></td>        <tr>        <td></td>             <td>          </td>        <td>        </td>        </tr>        </table>        </tr>        </table>     </div>
Nach dem Login kopieren

如何设定serverlist、serverinfo、servericon的样式?我用#subpage #serverlist{ }不起作用。


回复讨论(解决方案)

楼主 table标签必须完整,整理下标签再来设置css

楼主 table标签必须完整,整理下标签再来设置css
是table必须有ID么?假设table的ID为servertable,该如何设置serverinfo、servericon的样式?而且table应该对serverlist没有影响啊

我?的标签嵌套




你这里 div 下面 怎么直接是 tr了?


<!DOCTYPE HTML><html>	<head>		<meta charset="gb2312" />		<title></title>		<style>			#subpage #serverlist{ color:red; }		</style>	</head>	<body>		<div id="subpage">			<table>				<tr id="serverlist">					<td>						<table>							<tr class='serverinfo'>								<td class='servericon'>								</td>								<td>								</td>								<td>123</td>							<tr>								<td>123</td>								<td>								</td>								<td>								</td>							</tr>						</table>					</td>				</tr>			</table>		</div>	</body></html>
Nach dem Login kopieren



还有 代码 适当的 缩进 方便阅读编写。

我?的标签嵌套




你这里 div 下面 怎么直接是 tr了?


HTML code







……
这样的确能设置颜色,可是怎么设置位置呢?比如我让它与左边界的距离为30px,无论设置margin-left还是padding-left都不起作用

html标签你不搞完整,会破坏网页结构。。。

实实在在装内容的是td,所以你要设置td的样式。

实实在在装内容的是td,所以你要设置td的样式。
如果是这样:

 <div id="subpage">            <table>                <tr id="serverlist">                    <td>                        <table>                            <tr class='serverinfo'>                                <td class='servericon'>                                  123                                </td>                                <td>                                </td>                                <td></td>                            <tr>                                <td>123</td>                                <td>                                </td>                                <td>                                </td>                            </tr>                        </table>                    </td>                </tr>            </table>        </div>
Nach dem Login kopieren

想设置class为servericon的td元素的margin-left为30px,该如何实现?

楼主 margin是外边距,padding是内补白

这里设置servericon的margin-left 可以用 设置自身 padding 或者 设置父DOM td 或 table 或 div的padding来实现

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage