css控制有背景的字体透明度

小编比来在进修 html5 ，碰到了关于节制字体透明度的问题，所以连系着其他的简单常识，给大师分享一下；

东西/原料

1
起首介绍一下小编关于这个页面的布局，是一个年夜的 div 包着一个 div 和列表（ul，li）
2
如图一，的结果和它的布局，是一个 div（存放布景）包含一个 span（span里面存放文字）
3
d1，节制的是外部最年夜的 div；
d2，节制小的 div ，同时用 barkground 属性添加布景，text——align节制内部元素居中；
s1，display：inline——block将 span 变为行内块元素，可以以此给 span 添加属性。opacity：0.6 节制透明度属性；
4
这个则是是经由过程列表和插入图片形当作的结果；
5
具体的代码供大师参考；
6
下面的则是字体的节制；
7
具体的代码如下，文字是存放在 li 里面的 span 中的，所以可以如图直接在 span 中写入关于字体颜色的属性节制；