はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ デザインサンプル

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 3 / 3件)
 

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

2017/07/10 このエントリーをはてなブックマークに追加 646 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS 内藤 コーディング HTML 見出し

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

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

2015/10/07 このエントリーをはてなブックマークに追加 1048 users Instapaper Pocket Tweet Facebook Share Evernote Clip 見栄え CSS NxWorld 手間 複数行

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

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

2013/09/12 このエントリーをはてなブックマークに追加 698 users Instapaper Pocket Tweet Facebook Share Evernote Clip 罫線 備忘録 NxWorld 見栄え CSS

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

 
(1 - 3 / 3件)