HTML / CSS / SASS の記事

CSSで左右は固定、中央は可変の3カラムレイアウト

簡単そうで、意外と悩んだのでメモしておく。 こちらの記事を参考にさせていただきました。 引用元:【CSS】3カラムレイアウト-左右は固定幅、中央は残りの幅目一杯に広がるレイアウト 悩んでしまったのは、3カラム、左右は固定...

  • 公開日:2016/2/26
  • 最終更新日:2017/4/13

placeholder属性の文字色を変更する

input要素のplaceholderにスタイルを適用します。 Firefoxはバージョンにより2通りの書き方があって、微妙に違うので注意が必要です。 IE6〜IE9ではplaceholder属性が使えないのでjQuer...

  • 公開日:2016/2/15
  • 最終更新日:2016/7/10

MacにSASSをインストールする

前々から気になっていたSass(サス)を始めようということで、まずはインストールです。 Sass(サス)とは Sassは、CSSを記述するためのメタ語の一つで、CSSをもっと便利に効率良くしてくれる言語です。 CSSをも...

  • 公開日:2015/10/7
  • 最終更新日:2016/7/14

Bootstrap3でテーブルを角丸にする方法

Bootstrapでは、以下のようにtableタグのクラスに.table-borderedを追加するとテーブルに線を引くことができます。 この記述はBootstrap2でも3でも共通です。 だけど、表示されたテーブルをみ...

  • 公開日:2014/3/12
  • 最終更新日:2014/4/5

CSSだけで角丸にするborder-radius

cssだけで角丸を表現するにはborder-radiusを使用します。画像を使わずにリッチな表現ができるので最近よく使われています。Bootstrapとかでもバンバン使われてますね。 例えば、横300px、縦120pxの...

  • 公開日:2014/1/15

cssで背景だけを透過する(文字は透過しない)方法

タイトルなどで、背景に色をつけて文字を表現する場合などに、以下のように記述すると、背景だけでなく文字も透過されてしまいます。 ※上記サンプルの上段みたいになる・・・ 背景だけを透過して、上にのせる文字は透過したくないとい...

  • 公開日:2013/11/22