「 css 」 一覧

Eyecatch html css

【CSS】CSS3のflexboxで簡単に2カラムのレイアウトを作ってみる

ウェブサイトを作成する際、2カラムや3カラムのレイアウトにしようとすると float や position を使わないと出来ませんでしたが、CSS3では数行のコードで実現可能。忘備録としてポストしておきます。

Eyecatch html css

【CSS】blockquoteタグのデザインを見栄えよくしてみる

2013/03/27   -HTML,CSS
 ,

ポスト内容に参照元のテキストを引用する場合に使う「blockquote」タグですが、デフォルトの見た目がイマイチだったので見やすさ、分かりやすさ、自己満足度を高めるためにデザインを編集してみました。

Eyecatch html css

tableタグのtd中でURLなどアルファベット文字列を改行させたい場合のCSS記述法

2013/01/02   -HTML,CSS
 , ,

tebleのtdタグの中でURLなど、アルファベットや記号が連続している場合に自動改行しないことがしばしばあります。このような場合に自動改行させるCSSがこちら。

HTML,CSS

【CSS】改行が入っても文字の頭をそろえる(2行目以降を1文字下げる)方法

箇条書きや注釈に「・」や「※」をよく使うと思いますが、改行すると記号が回りこんで埋もれてしまいがちです。
今回は記号ではありませんが、利用規約をHTML化する作業をしていた時に「(1)」などがやはり回りこんでいたのが非常に気になったので、それを回避、揃える方法を備忘録としてポストします。

Eyecatch wordpress

WPプラグイン「syntaxhighlighter」のフォントサイズ調整

syntaxhighlighterのフォントサイズが気になった(妙に大きかった)ので調整したので、そのログ替わりのポストです。

no image

デフォルトテーマ「Twenty Ten」のヘッダロゴ部分の変更

というわけで、WordPress関連最初の投稿。 インストールしたWPにはデフォ ...