[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
アラサー(28歳目前)で彼氏と別れるということ - UptoU
なぜこんなことをわざわざ日記感覚のブログで書くかというと、自分自身がネットで検索しまくったからです。完全に持論の記事になりますのであしからず。 いろいろな意見が飛び交う昨今、アラサーという言葉とセットで語られる独身女性に対する風当たりは一昔前と随分変わったように思います。けれどもそれは断じて風が止んだわけではなく、山と谷で表現するのなら山が限りなく高くなり谷が果てしなく深くなった、格差が広がった悲しき流行りのアラサーワールドが出来上がったに過ぎません。そこに吹く風を防御する盾を手に入れたとしても、隙間から見えてしまう、伴侶に守られ風をしのぐあの子やこの子を見る度に、盾を持つ手が痺れ踏ん張る足がよろめくのです。それが時として滑稽と見えるゆえ「かわいそう…」なんて同情や、「余り物」という言葉が生まれるのではないかと。 そういうことで(どういうことで？)タイトルの通り、わたしの場合はお別れしまし
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
