HTML(枠で囲む) 知っていると便利です。

HTML 枠で囲む

HTML  文章を枠で囲む

よく見ると思いますが、文章を枠で囲み、更には背景色を付けると、かなり注目してもらえると思いませんか?

 

それもコピペで出来ればいうこと無し。それでは、行ってみましょう。

 

 

これを昨日説明した、ワードプレスの「テキスト」に貼ると

 

文章はここです。

次は、

 

「solid」を「double」にすると二重線

文章はここです。

更に、

 

「dotted」にすると点線

文章はここです。

後何を変えたいですか?

 

border-radiusを0pxにしてみます。

文章はここです。

角のまるみが無くなりました。色も変えますか?

 

borderは外枠の線ですね。backgroundは背景色。

文章はここです。

色に関しては、
http://www.colordic.org/
で調べるのが便利です。

 

最後にあなたが最初から気になっているものを変えましょう。

 

width: 150px;を足してみました。

文章はここです。

どうですか?

 

どんどん使ってください。

 

コメントを残す

CAPTCHA


サブコンテンツ

管理人について

tesshi180
 
テッシです。
 
現在南の島でのんびりと、
アフィリエイトをしながら暮らしています。
 
今まで色々な人に、迷惑をかけてきたので、アフィリエイトで稼ぎたいと思っている人たちを、応援できればと思っています。
 
詳しいプロフィール
 

無料メルマガ配信中

現在実践中のノウハウと実践手順を示したメルマガを始めました。
 
新しい無料メルマガを体験したい方は下記から
 
現実的な
アフィリエイト講座

 

お問い合わせフォーム

質問や相談はいつでもお気軽にご連絡ください。
 
必ず返信させて頂きます。

 
お問い合わせ
 

このページの先頭へ