「CSS」rgbaを指定し色に透明度を付ける
書式
rgba(赤 , 緑 , 青 , 透明度)
使用例
<style>
.cftA {
/*透明度 100%*/
color: rgba(255, 0, 0, 1);
}
.cftB {
/*透明度50% */
color: rgba(255, 0, 0, 0.5);
}
/*透明度30% */
.cftC {
color: rgba(255, 0, 0, 0.3);
}
</style>
<p class="cftA">AAA 111</p>
<p class="cftB">BBB 222</p>
<p class="cftC">CCC 3333</p>
<style>
.cftA {
/*透明度 100%*/
color: rgba(255, 0, 0, 1);
}
.cftB {
/*透明度50% */
color: rgba(255, 0, 0, 0.5);
}
/*透明度30% */
.cftC {
color: rgba(255, 0, 0, 0.3);
}
</style>
<p class="cftA">AAA 111</p>
<p class="cftB">BBB 222</p>
<p class="cftC">CCC 3333</p>
<style> .cftA { /*透明度 100%*/ color: rgba(255, 0, 0, 1); } .cftB { /*透明度50% */ color: rgba(255, 0, 0, 0.5); } /*透明度30% */ .cftC { color: rgba(255, 0, 0, 0.3); } </style> <p class="cftA">AAA 111</p> <p class="cftB">BBB 222</p> <p class="cftC">CCC 3333</p>