「HTML・CSS講座」の記事一覧

ブログを書くときに覚えておくと役立つHTML、CSSについて書きます。「オリジナルのデザインでブログをやりたい!」と思っている人にとって有益なカテゴリーにできたらと考えています。

HTML・CSS講座

【HTML5+CSS3】グラデーションありのプログレスバーを実装する方法

この前ちょこちょことCSSをいじりながら遊んでいたら、けっこういい感じのプログレスバーが作れたので公開しておきます。 CSS3を使ったプログレスバーの作り方 HTML 実際に作ってみると、それほど難しくありません。まずはdivタグでバーの外側を作り、spanタグ...

HTML・CSS講座

floatで並べたliタグ内の項目を中央寄せ(センタリング)する方法

フッターのメニューやページャなど、リンクを並べている箇所は通常liタグでコーディングすると思います。pタグとかで適当に並べてもいいのですが、SEOの関係で今はほぼ全てのサイトでliタグが採用されているはずです。 ただ、困るのがメニューを中央寄せにしたい時。単純にfl...