CSSをiPhone向けに切り替える CSS 3のメディアクエリというのを利用して、画面の横幅が480px(iPhoneを横にしたときの最大サイズ)以下になった場合にiPhone用のCSSに切り替えるような設定ができるよ。 <link media="only screen and (max-width:480px)" href="iphone.css" type="text/css" rel="stylesheet" /> </link>

を書いていくところ div#hoge ul.item li { padding: 7px 10px 5px; border-top: 1px solid #fff; /*ここんとこがそれっぽいポイント＞＜*/ border-bottom:1px solid #aea084;/*上に#fff、下に濃い目の色を指定すると、並べたときそれっぽくみえるよ*/ backg…

を書いていくところ。 hoge{ font-size: 20px; font-weight: bold; /* ↓なんかこうするとタイトルバーっぽいところでそれっぽく */ text-shadow: 0px -1px 0px #fff; /* ここんとこのカラーは背景色を弱くしたような色が合うかも。 */ /* わかんないけどちょ…

画像の「iPhone」てかいてるとこの背景 あんまりっぽくないかも＞＜ オレンジにしてみた 画像は「＞」の部分にだけ使ったよ、あ、でもこの画像はPhotoshopのモックです＞＜ CSSだけでほぼ完全に再現できます hoge { /* CSS3のgradientっていうのつかうよ。 i…