我想自定义h1和h2标题,两个标题都设置了外边距,但是当h1和h2连续的时候,两者中间却没有空隙。并且h1的左边比h2短了一截。如下图所示:
我的自定义css代码如下:
#content .postbody h1
{
font-family: 宋体; Calibri
margin: 15px 15px 15px 0px;
padding: 10px;
font-size: 26px;
color:white;
background-color: #20375F;
}
#content .postbody h2
{
font-family: 宋体; Calibri
margin: 15px 15px 15px 0px;
padding: 8px;
font-size: 20px;
color:black;
background-color: #406CA4;
}
.postbody p
{
font-family: 宋体;
font-size: 16px ;
//word-spacing: 2px ;
//text-indent: 32px ;
}
#content .cnblogs_code
{
font-family:Courier New;
margin-top: 15px;
margin-bottom: 15px;
font-size: 14px ;
line-height: 16px ;
}
页面链接地址如下
http://www.cnblogs.com/graphics/archive/2011/09/13/2174022.html
h1与h2的font-family的css代码写错了,导致margin的定义没生效。
font-family: 宋体; Calibri
改为:
font-family: 宋体,Calibri;
谢谢,又是你帮我解决了问题:)
#content .postbody h1
{
font-family: 宋体; Calibri
margin: 15px 15px 15px 0px;
padding: 10px;
font-size: 26px;
color:white;
background-color: #20375F;
}
//改为
#content .postbody h1
{
font-family: 宋体; Calibri
margin: 15px 0px;
padding: 10px;
font-size: 26px;
color:white;
background-color: #20375F;
}
你好,
虽然不知道你要达到什么样的效果,但是...CSS里 //是注释不了的.必须 /* */来注释
还有你那个h1, h2的问题.建议你用Chrome去测~
另外我附上图片你看看效果是不是这样