シンプルなHTMLとCSSをコピペするだけで実装できる見出しデザイン20選–[FIT BLOG-フィットブログ]

2017/07/10 646 users CSS 内藤 コーディング HTML 見出し

画像を使用することなくHTMLとCSSだけでデザインした見出しのデザインサンプルを20パターン紹介いたします。できるだけ特性の違うデザインに仕上がるように工夫しております。これから紹介する様々なデザインサンプルを組み合わせれば、また新たな面白い見...コーディング 　内藤 康太 / 2017.07.11 シンプルなHTMLとCSSをコピペするだけで実装できる見出しデザイン20選 画像を使用すること... 続きを読む

ちゃちゃっとCSSで色々とやりたい時に激しく便利なサイトとまとめ記事 | Flips Blog Web担の小技

2016/03/17 414 users CSSコピペ コピペ 見出し Web担 HTML

Webサイトを作っている時に、ここ便利だなというところをご紹介。 なるべくさくっとやりたいことをコードにする。そんなCSS作成のサポートにピッタリな記事、サイトをご紹介します。 シンプルなHTMLとCSSコピペで実装できるタイトル（見出し）のデザインサンプル 50  とりあえず見出しの作成に悩んだら一回見ておけばいいよっていうやつ。 コピペも大量。すごい便利。 コピペするだけで使えるCSSボタンジ... 続きを読む

シンプルなHTMLとCSSコピペで実装できるタイトル（見出し）のデザインサンプル 50 | NxWorld

2015/10/07 1048 users 見栄え CSS NxWorld 手間 複数行

画像は使用せずにCSSだけでスタイリングしたタイトル（見出し）のデザインサンプルで、似たようなものやちょっとCSS追記した程度のものも多いですが全50種類です。全体的にすごく手間がかかっているようなものはないのですが、似たようなタイトルデザインを使う場合はCSSコピペで実装できると思います。また、一部複数行に向かないものもありますが、基本的には複数行のタイトルでも見栄えが崩れない感じのものになって... 続きを読む

デザインサンプルで学ぶCSSによるスタイリング～「テーブル（ハイライト表示／縦列のスタイリング）」編 （1/3）：CodeZine

2014/07/18 54 users CodeZine CSS スタイリング 縦列 テーブル

本連載では、Webページをデザインする際、具体的にどのようにコーディングすれば良いのか分からない人のために、見出しやリスト、フォームなど、Webページを構成する部品のデザインサンプルを紹介し、CSSによるスタイリング方法を解説します。今回は、前回に引き続き、テーブルをCSSでスタイリングする方法を紹介します。 縦列に対してスタイルを適用するための方法や、行や列のハイライト表示、データセルのソートな... 続きを読む

hr要素のデザインサンプル 12 | NxWorld

2013/09/12 698 users 罫線 備忘録 NxWorld 見栄え CSS

hr要素は罫線を表示させるもので、話題を変える時の目印となる区切り線などとして用いられます。どのブラウザでも完璧に同じ見栄えをとなると背景画像とかがやはり手っ取り早いし無難なんですが、やろうと思えばCSSだけでも結構いろいろとできるので、備忘録兼ねてhr要素をスタイリングしたものをまとめてみました。 以下で紹介しているものは、ブラウザによっては（特にCSS3を用いているもの）ちゃんと表示されません... 続きを読む