【问题标题】:How do I make Padding Non-Transparent?如何使填充不透明?
【发布时间】:2014-03-01 07:40:12
【问题描述】:

我想让填充不透明,但不透明不起作用。

body {
background-image:url(http://i.imgur.com/apKZRmj.png);
font-family:Helvetica;
color:lightgrey;
font-size: 16px;
align:center;
padding: 20px 0;
}

为什么这不起作用?

【问题讨论】:

  • 背景将在填充下,这就是它的工作原理。否则你想要一个保证金。作为旁注 - align:center 不正确...
  • 我同意@davidpauljunior,你想在 align:center 中做什么?试图使文本居中?还是什么?

标签: html css padding opacity


【解决方案1】:

使用背景色,内边距清除内容周围的区域

【讨论】:

    【解决方案2】:

    根据W3 schools

    填充清除元素内容周围(边框内)的区域。内边距受元素背景颜色的影响。

    所以基本上它没有颜色属性使其不透明或添加一些不透明度,我认为您需要的是“边框” 例如。

    border: 20px solid #000;
    

    JSfiddle:http://jsfiddle.net/bJ2CF/2/

    【讨论】:

    • 我有边框,但我希望它围绕整个东西,比如填充
    • “围绕整个对象”是什么意思?你是指整个网页吗?
    • 对不起,这是一个 tumblr 帖子。我的意思是要填满整个边框。
    • 你的意思是这样吗? http://jsfiddle.net/bJ2CF/2/
    • 对不起,我想我误会你了,你是说你需要 标签内的 css 样式吗?像这样? http://jsfiddle.net/bJ2CF/6/
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2016-10-12
    • 1970-01-01
    • 1970-01-01
    • 2021-02-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多