753Note

備忘メモ

HTML タブを使わないで整列(2) opacity

第1項目を透明化して第2項目の整列を行なう簡便方法。
a要素のスタイルにopacity(不透明度)を指定する。

opacity:0.3 (不透明度30%)
opacity:0 (不透明度0%)

【HTML】
<meta charset="UTF-8">
 1980年 ○○大学○学部 卒業<br>
 <a style="opacity:0.3">1980年</a> △△△△△入社<br>
 1989年 □□□□□出向<br>
 2019年 定年退職<br>

 1980年 ○○大学○学部 卒業<br>
 <a style="opacity:0">1980年</a> △△△△△入社<br>
 1989年 □□□□□出向<br>
 2019年 定年退職<br>