QLOOKアクセス解析
ホーム > スポンサー広告 > 簡単今日から使える!!border-radius で画像を角丸・まん丸に(*´▽`*)ホーム > fc2ブログ > 簡単今日から使える!!border-radius で画像を角丸・まん丸に(*´▽`*)
 1件ずつ表示 
--.--.-- --

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

続きを読む
Category: スポンサー広告
2014.12.04 Thu

簡単今日から使える!!border-radius で画像を角丸・まん丸に(*´▽`*)

おはようございます(*´▽`*)

ネット接続の不具合でほとんど書ききっていた今日の記事が消えました( ゚Д゚)( ゚Д゚) ショック。。。

まめに保存したほうがいいですね。。。気を取り直してもう一度、、、。

今日は誰でも簡単に画像の形を変える方法です元画像は正方形に近い長方形です。

こちらは角丸♪


こちらはまん丸♪


↓これを本文の編集画面に入力するだけです(*´▽`*)

<img src="画像のURL" style="border-radius: 40px;" width="200" height="200"/>



画像が大きすぎるときれいなまん丸にならないのでwidth height の数字を小さくしてみてください。

border-radius

これで角丸にできます。上画像の角丸は40pxで下画像のまん丸は100pxです。

今日はワードプレスのことも書こうと思いましたが、記事が消えたショックで。。。明日になりましたm(__)m




ブログランキング・にほんブログ村へ


貼るだけでお小遣い貰えます♬(忍者ADMAX)↓↓


関連記事

続きを読む
Category: fc2ブログ Comments (7) Trackbacks (0)

この記事へのコメント:

ひーさんこんにちは。

記事が消えてしまったんですか(゜_゜>)

それは確かにショックですね(>_<)

私もブログ更新しようとしてまちがってブラウザを閉じてしまったりと、失敗したことが何度かありますが相当へこみます(-_-;)

励ましにならないかもですががんばってください(+_+)


シリウスですか?
そうですね、とても楽です。
まずは操作法を覚えなくちゃいけないですが、ブログやってたおかげで同じような感じでいけます(^o^)
どんどん新たなスキルを身に付けておられますね♪
d(≧∀≦)b

角が丸いとだいぶ印象が変わりますし「border-radius」は画像以外にも色んなとこで使えるので、色々と表現の幅が広がりますよね♪

それと書いてる途中で記事を消しちゃうのは“あるある”ですねww

ちなみに私も何度か...ww
ひーさん

お邪魔したらアクセスカウンターが「999」でした^^;

1000だったらキリが良かったんですが、これも私の運の無さ・・・でしょうね。

今後もキリの良い順番を目指して訪問させていただきます!

応援ポチ!
それって、ガッツリショックですよね・・・。

ちなみに、私も過去に経験しており、

他のブロガーさんに教えて頂いて、

10/27UPの過去記事『自動下書き保存機能って、知ってます? ネット稼ぎ報告 10/25まで』という記事に、

自動保存機能の手順を書いてますので、良かったら参考にしてみてください♪

それ以来、私はある程度安心して長文記事を書いてます♪

コメントありがとうございます♪

確かに水が冷たいので、無洗米は楽ですよねー(笑)

体重は、ほんと野菜メインの食生活の効果かも♪

早く76キロ台になりたいですね♪

応援ポチしておきます♪
ひーさん

パンくずリスト記事アップしました。笑
記事が消えてしまった・・
いやぁ、本当に普通にショックですね。私も経験あります。
又、一から書くのかよぉ。って、かなり凹みますよねぇ。
明日のWordPressの記事楽しみにしております。
私はあれから、全然進んでおりません。泣
おはようございます。
自分のパソコンでは、ひーさんのブログの写真は丸くなっていないで、両方とも四角く見えるのですがなぜなんでしょう・・・。
はじめましてRosie (ロージー)と申します。

よろしければ相互リンクのお願いをいたします。

リンクはトップページの右サイドバーに貼り付け済みですのでご確認下さい。

よろしくお願いします。

サイト名:ポイントサイトお小遣い稼ぎ~ネットでお小遣いを稼いで副収入

URL:http://pointgetsougo.blog.fc2.com

この記事へコメントする:


    

この記事のトラックバックURL:

http://illustrator989.blog.fc2.com/tb.php/87-07f0992c

この記事に対するトラックバック:

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。