iOS 11.4
今日は、iPhoneやiPad用のiOS 11.4がリリースされましたね。
まあ、ほとんどの日本のiPhoneユーザーには、変化を感じられない内容でしたね。
明らかに変わったのは、メッセージをiCloudに保存できるようになったこと。
まず、これが、旧iOS 11.3の「設定」アプリのiCloud設定画面。
そして、こちらが、iOS 11.4の同じ画面。「メモ」の次に「メッセージ」が追加されていますよね。
ボクはすかさず、オンにしておきましたよ。これで、iPhoneを紛失しても、自宅のパソコンのiPhoneのバックアップがぶっ壊れても、メッセージは生き残ります。
と言うわけで、特に問題が無ければ、これをオンにしておきましょう。
border-radius
なんと、今日のネタはそれだけなのです。
なので、いきなり話を変えて、ウェブサイト制作初心者(ボクも)向けの話。
角を丸くする方法です。
ホント、いきなり話が変わりましたね。
こんにちは
ここは日本です。
はい、こんなふうに円を描く方法です。
画像は使いません。CSSのみです。
答えはこちら。
HTML
<p class="p20180530"><br /><br />こんにちは<br />ここは日本です。</p>
CSS
.p20180530 {
border-radius: 50%;
background-color: #aaffaa;
width: 160px;
height: 160px;
text-align:center;
}
使っているのはpタグだけ。
要は、border-radiusを50%にしておけば、一辺の長さのちょうど半分の曲線になり、それが四隅なので、キレイな円になるわけです。
もし、50%ではなく20%にしたら、次の通りです。ついでに色も変えました。
こんにちは
ここは日本です。
と言うわけで、今回は、iOS 11.4とborder-radiusの話でした。
たぶん、こんな記事を書くヤツはボクだけだ。