アイコンを右下に固定する方法
HTMLでアイコンや文字列などを右下に固定する方法です。
HTML
<div class="neko">😺</div>
CSS
.neko{
position:fixed;
bottom:10px;
right:10px;
}
position:fixed;
bottom:10px;
right:10px;
}
サンプルは次のとおりです。
サンプル
スクロールしても右下のアイコンの位置は変わりません。
今回は絵文字を使いましたが文字列や画像でも同様です。
[ 2021年5月8日 | カテゴリー: デジタル | タグ: CSS ]
« コーヒーチェーンと株主優待 | テキストを読み上げるウェブツール「CoeFont STUDIO」 »
コメントを残す