Maison > interface Web > tutoriel HTML > 关于fieldset标签的疑问_html/css_WEB-ITnose

关于fieldset标签的疑问_html/css_WEB-ITnose

WBOY
Libérer: 2016-06-24 12:10:19
original
903 Les gens l'ont consulté

http://www.91yhg.com/index.jsp
这个站底部的  友情链接  部分,我把代码掏了出来,但是显示的样子不同
请大家指点一下我掏少了哪些代码..(其中我只是改了高度而已)
HTML:

<div class="links">	<fieldset>	      <legend>友情链接</legend>	</fieldset></div>
Copier après la connexion


========
CSS:
.links{	width:960px;	height:50px;	line-height:50px;	margin-top:5px;	margin-bottom:15px;}	.links fieldset{	border:2px #A50B0D solid;	width:946px;	height:auto;	vertical-align:middle;}.links legend{	color:#A50B0D;	font-weight:600;}	.links a{	margin-left:10px;	margin-right:10px;}
Copier après la connexion


同样是火狐浏览器,居然不同的效果,以下为截图:


回复讨论(解决方案)

我在ie 9上看了没有问题啊。。

360上看了也没问题,但是同样在火狐浏览器看,为什么人家站的就是那样呢?是不是扒少了什么代码..

<!DOCTYPE HTML><html>	<head>		<meta charset="gb2312" />		<style>.links{    width:960px;    height:50px;    line-height:50px;    margin-top:5px;    margin-bottom:15px;}    .links fieldset{    border:2px #A50B0D solid;    width:946px;    height:auto;    vertical-align:middle;}.links legend{    color:#A50B0D;    font-weight:600;}    .links a{    margin-left:10px;    margin-right:10px;}		</style>	</head>	<body>		<div class="links">			<fieldset>				  <legend>友情链接</legend>			</fieldset>		</div>	</body></html>
Copier après la connexion


没问题啊,楼主看看 是不是你其他的css影响到了。

帮你测试过,无问题

谢谢,,原来我的CSS文件的
*{margin:0;
padding:0;}

在作怪.于是我单独为lgend加了margin-left

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal