iPhoneのタイトルバー部分ぽいグラデーションをCSSで書くー - htomine's diary画像の「iPhone」てかいてるとこの背景 あんまりっぽくないかも＞＜ オレンジにしてみた 画像は「＞」の部分にだけ使ったよ、あ、でもこの画像はPhotoshopのモックです＞＜ CSSだけでほぼ完全に再現できます hoge { /* CSS3のgradientっていうのつかうよ。 iPhone用に使うから今回はwebkit拡張のにしてるよ。 */ /* 一部拡張で、細かいところの書き方がかわるみたいなので注意 */ border-top: 1px solid #fff; border-bottom: 1px solid #d26800; background-image: -webkit-gradient(linear,left bottom, left top, from(#fc8312), color-stop(0.01,#ffb160), color-stop(0.02,#ffb1
