エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
ここにツイート内容が記載されます https://b.hatena.ne.jp/URLはspanで囲んでください
Twitterで共有ONにすると、次回以降このダイアログを飛ばしてTwitterに遷移します
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
はじめに Webサイトによくでてくるアイコンがあります。 漢字の「三」みたいなものとか、クローズする「... はじめに Webサイトによくでてくるアイコンがあります。 漢字の「三」みたいなものとか、クローズする「x」みたいなものです。 こういったアイコンはjpgなどの普通の画像ではなく、SVGで作られたものかなと思いました。 が、今回はこれをspan要素で作っていきたいと思います。 SVGはよく知らないので、そのうち調べてみようと思います。 今回実施する内容 今回は、Webでよく出てくる漢字の「三」みたいなメニューのアイコンや、閉じるときに表示される「✕」みたいなアイコンを、span要素を使用して作成したいと思います。 ソースコード(Git Hub) 環境 OS: Windows 11 JP (64bit) Microsoft Edge:バージョン 123.0.2420.65 (公式ビルド) (64 ビット) 参考 用語 「三」、「✕」みたいなメニューアイコンを作る ソースは以下の通り。 icon