SIRIUS リンク 凹ませる

ホームページ支援ツール「シリウス(SIRIUS)」のカスタマイズにおける忘備録です。

マウスポイントをリンクのある文字に持ってきた際、文字が凹んだようにする設定のやり方です。

1)シリウスの編集タブを押し、スタイルシートをクリックする。
2)スタイルシート編集でstyles.cssの最終行に移動し、以下のソースを追加する。

/* リンク付き文字をへこませる */
a:hover {
position: relative;
top: 1px;
left: 1px;
text-decoration: none;
}

以上で凹んだように表示されます。

おすすめの記事