HTML/CSS

CSSで文字を縦書きにする方法を紹介します。見やすさを考えると、基本的にWebサイトの文章は横書きで作ると思うので、あまり使用頻度は高くないかもしれませんが、見出し等にアクセントを付けたいときなどに使用することがあります。サンプルCSSで文...

CSSでくの字型アイコンを作る方法を紹介します。矢印の代わりなど、何かと使う機会が多いです。右向きくの字型アイコン<span class="arrow-right"></span>.arrow-right { display: block;...

CSSで×( バツ)マークを作る方法を紹介します。モーダルやハンバーガーメニューの閉じるボタンなどで使用することが多いと思います。サンプル<div class="cross-1"></div>.cross-1 { position: rel...

CSSで丸を作る方法を紹介します。中に数字を入れて丸数字にしたり、文字を入れたものをいくつか並べて図のようにしたりと、何かと使用する機会があります。サンプルコードHTML<div class="circle"></div>CSS.circl...

CSSでページのスクロールを禁止する方法を紹介します。モーダル表示時等に背景をスクロールさせたくない場合などに使用します。サンプルhtml,body { overflow: hidden;}たったこれだけです。超カンタン…！横スクロールのみ...