Maison > interface Web > tutoriel HTML > 各位大侠帮帮偶!如何让文字和图片距离下灰底边界10px?_html/css_WEB-ITnose

各位大侠帮帮偶!如何让文字和图片距离下灰底边界10px?_html/css_WEB-ITnose

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

各位大侠帮帮偶!如何让文字和图片距离下灰底边界10px?_html/css_WEB-ITnose教务通知


外部CSS:
#sidebar h3 { 
padding: 0px 0px 0px 5px;
height:27px;
line-height:40px; 
color: #393939;
font-size: 12px;
font-weight: normal;
}
#sidebar h3 img{
vertical-align:middle
}
我想让教务通知和这个小喇叭图片距离底下的灰色边界10px 调整其中的padding中的top参数无法实现效果
请高手帮帮我!

回复讨论(解决方案)


#sidebar h3{
   margin:0px
}

 也有可能是 #sidebar 的padding,margin影响

恩恩。楼上说的对,lz只给了这些,你可以试试margin:0px;padding:0px;
在这个小菜单里面margin和padding都会有默认的值,而且它的父级标签也存在,甚至是最外层都可能影响到它

LZ试着调整一下line-height?

你可以试一试line-height,这个是用来设置文字等在DIV中的上下位置的,

恩恩。楼上说的对,lz只给了这些,你可以试试margin:0px;padding:0px;
在这个小菜单里面margin和padding都会有默认的值,而且它的父级标签也存在,甚至是最外层都可能影响到它
好的 我再贴出它的父级

html, body, div, span, applet, object, iframe, h1, h2, h3, h4,img, ol, ul,p{	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	background: transpa}
Copier après la connexion
Copier après la connexion


恩恩。楼上说的对,lz只给了这些,你可以试试margin:0px;padding:0px;
在这个小菜单里面margin和padding都会有默认的值,而且它的父级标签也存在,甚至是最外层都可能影响到它
好的 我再贴出它的父级

html, body, div, span, applet, object, iframe, h1, h2, h3, h4,img, ol, ul,p{	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	background: transpa}
Copier après la connexion
Copier après la connexion

LZ可以试着调整下line-height

标题高度有标明,那就是设置行高就好了。

调整line-height的值。

margin-bottom:10px

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