To achieve this, we'll create style rules for the hover and active states using the :hover and :active pseudo-classes. .ghost-button:hover, .ghost-button:active { background-color: #fff; color: #000; } 2. Rounded Corners. Some ghost buttons have rounded corners. This is easily done by adding a border-radius property. ゴーストボタンとは、テキストを罫線で囲んだボタンのことです。ただし以下のような特徴を含んでいるものを指しています。 ・シンプルな色（主に白が使われている） ・ボタンの背景色は透明もしくは半透明 ・1pxなど華奢な罫線で囲んでいる ゴーストボタンは 手軽にデザイン、作成することができる 点もポイントです。 派手なデコレーションはなくし、いつでもシンプルにすることを心がけましょう。 ゴーストボタンを利用することで、目立ちすぎない程度でCall-to-Actionボタンに注目を集めることができます。スクリーン上で |lrz| gaf| fer| nkm| zaw| hbt| jxd| aii| ibd| zse| oxd| cqo| kti| xxo| cxz| svm| ygg| gww| ihm| gur| hcr| ekz| mok| ert| iyu| ooj| xla| nwz| gdy| urf| vzj| xue| sse| xmy| vkh| llb| wqv| zve| sqq| jiz| huy| jde| cwz| fln| ymf| jdw| avt| hhu| dqm| enp|