ブログなどのWEBサイトでよく見るマーカーを引いてあるような文字のデザインありますよね。 こんな感じのマーカーが簡単に引けちゃいます。 これ、実は結構簡単にできます。 今回は、このマーカーデザインのCSSを紹介します。 HTML / CSSの記述 実際のHTMLとCSSは下のようになっています。 HTML： <p...

BootstrapでWebサイトを作る際、通常の.containerだと横幅は画面幅いっぱいになりません。 .containerではなく.container-fluidを使うと、どの画面幅でも横幅いっぱいに広がるコンテナを置くことができます。 しかし、「際限なく画面幅いっぱいに広がるのは嫌だ」ということで、下記のように...

先日、仕事でCSSを使って改行したいという場面に遭遇しました。 通常、HTMLで改行する場合<br>を使うのが一般的ですが、今回はCSSのみで改行をする方法をご紹介いたします。 CSSの記述 改行させたい位置に擬似要素を挿入して、下記のCSSを記述することで改行を行えます。 一つだけ注意点があります。ご紹介...