css教程： 文章段落标题美化技巧，让h1和h2标签自动和文本一样宽度

　　我有一个H1样式为我的网站：

.centercol h1 { color: #006bb6; font-weight: normal; font-size: 18px; padding:3px 3px 3px 6px; border-left:3px solid #c6c1b8; background:#f2efe9; display:block;}

　　背景颜色跨越了centercol的整个宽度，500px …

　　如何使此H1仅跨越H1的文本的宽度?

解决方法

　　您可以使用inline-block值进行显示，但是在这种情况下，您将松开h1的块特性，即如果它们是内联元素(在这种情况下，您可以使用换行符)，兄弟节点将与h1并排显示。

display:inline-block;

看到这里，大家可以对自己网站文章的h2标签进行美化了，参考代码如下：

h2{background:#0fa2d4; font-size:18px; color:#FFF;display:inline-block;padding:5px;}

总结

　　以上是仿站网为你收集整理的文章段落标题美化技巧，让h1 h2自动和文本一样宽度全部内容，希望文章能够帮你解决 文章段落标题美化技巧，让h1 h2自动和文本一样宽度所遇到的程序开发问题。