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 中寫入關于字體顏色的屬性節制；