タグ

2018年2月11日のブックマーク (2件)

  • 【css】どこまでselectをデフォルトの状態で装飾出来るか - Make note

    納期に追われて時間が無かった為、久しぶりの投稿となります。 今回は、簡単なことでしたが、随分とハマってしまったselectの装飾をメモしたいと思います。 目的 「デフォルト状態」のデザインを弄らずに装飾を行いたい 先に結論から言うと、この「デフォルト状態」ってのミスリードを誘った原因です。こいつが厄介だったわけですね。 何を勘違いしてハマったかは今回のテーマにも関係していくので、順々に分かり易く伝えられたらと思います。 通常selectをレイアウトするには? まず先に述べておきますが、通常デザインされていないselect(プルダウン)を用いることはあまりないと考えていいでしょう。 なのに何故デフォルトを装飾する必要があるのか? それはデザイン資料が足りず、最低限のトンマナを揃えて表示しておく時など、特定の要望があった場合に限られると思います。 なので今回は特殊なケースとなりますが、覚えてお

    【css】どこまでselectをデフォルトの状態で装飾出来るか - Make note
    f503kk
    f503kk 2018/02/11
    select
  • CSSを使って便箋風ラインを引く簡単な方法!ブログで効果的!

    この様にCSSで便箋風のラインを引くことが出来ます。 この「便箋風ライン01」は、線が点で出来ています。 少し目立たせたい部分などに使うと効果的ですね。果てしなく改行しても問題ありません。 スマホでも、PCでもタブレットでも大丈夫!コピーして使ってみてくださいね。 HTML <div class="line01 bgred"> <p>この様にCSSで便箋風のラインを引くことが出来ます。<br /> この「便箋風ライン01」は、線が点で出来ています。<br /> 少し目立たせたい部分などに使うと効果的ですね。果てしなく改行しても問題ありません。 スマホでも、PCでもタブレットでも大丈夫!コピーして使ってみてくださいね。</p> </div> CSS .line01 p { line-height: 36px; background: url(/images/bg-note01.png) bo

    CSSを使って便箋風ラインを引く簡単な方法!ブログで効果的!
    f503kk
    f503kk 2018/02/11
    便箋