アイコンを右下に固定する方法

Pocket

HTMLでアイコンや文字列などを右下に固定する方法です。

HTML

<div class="neko">&#x1f63a;</div>

CSS

.neko{
  position:fixed;
  bottom:10px;
  right:10px;
}

サンプルは次のとおりです。
サンプル

スクロールしても右下のアイコンの位置は変わりません。
今回は絵文字を使いましたが文字列や画像でも同様です。

[ 2021年5月8日 | カテゴリー: デジタル | タグ: ]

« | »

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

送信してください。


タグ

カテゴリー

最近の投稿

最近のコメント

固定ページ

アーカイブ

stabucky

写真

メタ情報