Speech Bubbles
Lorem ipsum dolor sit amet. In sed sapien nunc, in gravida massa. Praesent sit amet arcu magna. Nullam porta hendrerit odio eu aliquam. Curabitur ut neque a augue sodales rhoncus. Vivamus eu lectus felis, vel interdum quam. Fusce et augue metus, et condimentum ipsum. Integer in lacus nibh, vitae feugiat odio. Aenean ut eros leo. Phasellus vitae mi sed nunc porta volutpat. Morbi blandit, dolor sit
[CSS]テキストの左右に水平ラインをすぅーーーっと引くスタイルシートのテクニック
hn, pなどの要素を使ったテキストの左右に、水平ラインを天地中央に配置するスタイルシートのテクニックを紹介します。 HTMLは非常にシンプル、カラーやサイズの調整も簡単、背景画像も問題ありません。 実装のポイントは5つ。 画像は使用しない。 spanなど、余分なHTMLは使用しない。 フォントのサイズを大きくしても自動で調整される。 可変。 背景が画像でも水平ラインが綺麗に描かれる。 実際の動作は、下記ページで確認できます。 デモは全てのモダンブラウザ、IE9+でご覧ください。 Heading Side Lines HTML HTMLは非常にシンプルで、hnやp要素のみで実装できます。 classを使用すれば水平ライン有り・無しの共存も可能です。 <body> <h2>テキストの左右に</h2> <h3 class="lines-on-sides">水平のラインを描く</h3> </bo
CSS Sliding Door using only 1 image » Loon Design
CSS Sliding Door using only 1 image May 27th, 2008 in CSS, Tutorials by kailoon Before I know about this technique, I was using different images for each of the button I needed in a navigation bar. I found that it is not user friendly and also need more CSS coding. Besides, it is increasing the processing time and bandwidth in loading a site. In this tutorial, I will show you how to code the navig
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
