どうも、はやちですよ✌(´ʘ‿ʘ`)✌ 今回は「縁がグラデーションになっているゴーストボタン」を作りたいときに最適なスタイルの当て方を検証してみました。 3つの方法を試したので、さっそくご紹介したいと思います( ˘ω˘)☞三☞シュッシュッ 基本のマークアップ 基本のマークアップはこちらです( ˘ω˘)☞三☞シュッシュッ <div class='btn-wrap'> <p>NORMAL</p> <a href='#' class="btn1 btn-1"> <span class="text">BUTTON1</span> <span class="bg"></span> </a> </div> 背景を二重に重ねる方法 最初はこちら。btnの背景をグラデーションに設定、さらにその中のspanにbodyの背景を設定して、あたかも線のグラデーションが引かれているデザインにみせる方法です。 .bt