connecting...
Google translation for articles :
8 NEMBER donated to you!!

画像まーるくね!

nem7.50xem (8) 350 6 4

HTMLのソースを書くのがスマホじゃ面倒なのであまり装飾してないのですが、写真をまあるくして浮かす方法書いておきます。

HTML記述なのでめんどくささは倍増するのですが、見た目改造の方法の一つとして使ってください。
まず写真を丸くする方法!

まずは画像を挿入!

そして角を削って丸くします。

寂しいので浮かせますか

画像を持ち上げてみます。

 

こんな感じです。 

 

ってわかるか〜!

ですよね。

画像を挿入した後、ソースコードを見ると

<img src="画像のアドレス" alt="" width="横サイズ" height="縦サイズ" />

みたいに書いてありますので、

そこを

<img style="border-radius: 50%;-webkit-box-shadow: 5px 4px 17px;box-shadow: 5px 4px 17px;" src="画像のアドレス" width="横サイズ" height="縦サイズ" />

赤文字の一文を入れると丸くなり、浮きます。

丸みの具合は50%を変更してみてください。

 

説明下手ですみません。

正方形の画像ならまん丸になります!

 

今度ちゃんとわかるように書かなきゃね。

優しくない文ですみません!

Why don't you get crypt currency 'nem' by posting your blog article?

nemlog is blog posting service which has donation feature by crypt currency nem.
nemlog was launched to create environment which can be donated nem among NEMbers via blog articles.
Let's get nem by posting good blogs.

Nem prize event is being held frequently, Please join us on this opportunity!

nemlog registration from here
Register
Comments from NEMber
mash
2019-04-04 16:50:22ID:96236

>>dafu::さん
dafuさんの過去記事でCSSに bulma.cssも引用しているの知りました。
いや〜 これほんといいこと聞いた。
ありがとうございます!直書き少し減らせるわ

mash
2019-04-04 13:07:41ID:96210

>>Radio NEMber::さん
試してみてください〜
ちょっとのことでも役に立てればと思います

mash
2019-04-04 13:06:53ID:96209

>>dafu::さん
そうー最初はなかなかうまいこといかないんですよー
JavaScript作れるんですか?!すご〜い
それだけで尊敬〜
これ、ほんとはdiv使ってまん丸に見せるって方法を書こうかなとも思ったのですがややこしくなるかなと思ってこの方法をとりあえず書きました
CSS別書きできないとhtmlがきたなくなっちゃうので、ほんとは好きじゃないんですよ〜直書きって。

Radio NEMber
2019-04-04 12:54:22ID:96203

PC音痴からするととても新鮮です。試してみたいと思います。ありがとうございます😊

DAFU@Nemlog-UF
2019-04-04 12:49:12ID:96198

あるあるですね~
これで楕円になるのが嫌でムリヤリ中心切り出して正方形になるJS書いたことありますw
もし興味があるなら使ってみてください(´▽`)
https://github.com/kikiriko200/img.js

NEMber who posted this article

デザイナー MUDプランナー
web グラフィックデザイナーをやっております。
看板のデザインの仕事をしてます。
色々な事考えて、面白いことやりたい。
19596
0