ブログやＨＰで三角形や台形を表示する方法

ホームページやブログをされてる方は沢山いらっしゃると思います。

更新しているうちに、人と違った表示方法をやりたい・・・などと思われたことがあると思います。

今日は、そんな人のために一つだけテクニックをご紹介してみようと思います。

皆様のご参考になれば有難いと思っております。ぜひ挑戦してみてください！

ＷＥＢ上で三角形や台形を作る方法

1. 作業スペースのDIV要素を使用します。
   左図①のような正方形を作る方法・・・
   線の種類は実線（ｓｏｌｉｄ）で指定し、色をターコイズブルーにする場合
   1. まず作業スペースは幅も高さも0pxに指定します
      <DIV style="width:0px;height:0px"></DIV>
      
      
   2. 次に、線の色を太さ30pxでターコイズブルーに指定してみます。
      <DIV style="width:0px;height:0px;border:solid;border-width:30px;border-color:#00ccff"></DIV>
      これだけで左のような正方形が出来ます。
2. 次に左図②のような正方形の中に三角を作る方法・・・
   1. 先程の正方形は線の太さなわけですので、線の上・右・下・左の部分の色を指定するだけです。
      なので、先程のスタイルシートにborder-bottom-color:redを追加するだけです。
   2. スタイルシートの書きかたは
      <DIV style="width:0px;height:0px;border:solid;border-width:30px;border-color:#00ccff;border-bottom-color:red"></DIV>
      
3. 左図③のような三角形だけをみせる方法・・・
   1. 三角形を残したいのでターコイズ色の部分を見えないようにするには、見えないよう指図するtransparentを使用します。
   2. スタイルシートの書き方はターコイズ色をまず見えないようにします。
      1. <DIV style="width:0px;height:0px;border:solid;border-width:30px;border-color:#00ccff;border-color:transparent"></DIV>
         
         
      2. その後ろに先程の三角形の部分の指定をします。
         <DIV style="width:0px;height:0px;border:solid;border-width:30px;border-color:#00ccff;border-color:transparent;border-bottom-color:red"></DIV>
      ※最後にtransparentを書き込むとすべて不可視化されてしまい何も見えなくなります。
   
   
4. ③までで三角形は出来ましたが・・・
   四角の余計な部分を隠したままなので、位置が下になったままですよね
   左図④のように位置を修正する方法・・・
   1. 左図の場合は上方向に30px上げてます。
      margin-top:-30pxとスタイルシートで調整します。
      因みに、左へ移動の場合はmargin-leftで指定できます。
      <DIV style="margin-top:-30px;width:0px;height:0px;border:solid;border-width:30px;border-color:#00ccff;border-color:transparent;border-bottom-color:red"></DIV>
   
   
5. 最後に、左図⑤のように台形にしたい場合の方法・・・
   
   1. 作業スペースの幅（ｗｉｄｔｈ）を指定すればそれでOKです。例えば、幅を３０ｐｘで指定すれば・・・
      <DIV style="margin-top:-30px;width:30px;height:0px;border:solid;border-width:30px;border-color:#00ccff;border-color:transparent;border-bottom-color:red"></DIV>
      

　色々な三角形や台形が作れますので、試してみてください。もちろん、ＤＩＶ要素なので三角形や台形の中に文字を書き込むことも可能ですよ。

何気に自分の“へそ”を見てみたら・・・なんとぉ～！

ご好評頂いてます・・・ 　　和紙のシャリ感・・・ 弊社オリジナルタオルを 　アウトレット価格でご提供！ 品番[T_03] 健康タオル【和紙】 1枚　 820円 2枚　1,555円 3枚　2,160円

今朝は笑い話なんですが一つご紹介してみようかと・・・

私が40歳半ばの頃でしたか・・・

風呂上がりに、普段気にも掛けていなかった自分の“へそ”を何気に見たんですね・・・

「えっ！？うっそぉ～！ひょっとしてへそのゴマ！？」・・・それも、かなり大きい感じ・・・

当時は、まだギターを弾いてたんで右手の爪は伸ばしていたんですね。

その小指の爪で、取ろうと試みたんですが・・・

へその中で固まっていて、硬く・・・なかなか取れませんでした・・・

しばらく、取り除こうと四苦八苦しながらも、何とか取りだせたゴマの大きさに驚きましたぁ～

石のように硬く、6～7㎜はあったんじゃないのかなと思います・・・


その時、妻は・・・「アンタって、結構汚いんやね」・・・ですと・・・

それ以来、時たま自分のへそを調べるようにはしてるんですが・・・(/ω＼)


私の場合は、笑い話でしたが・・・

“へそ”それも“でべそ”で悩んでらっしゃる方もいらっしゃると思います・・・


今朝は、でべその治療に関する記事を転載してみようと思います。

～以下、2月22日スポーツ報知より抜粋～

乳幼児は20％がでべそ、大人の場合は手術を

　でべそ

　でべそは子供の間で、からかいの対象になったりする。赤ちゃんがでべそだと心配する親が少なくない。生まれた直後は目立たなかったのに成長するにつれて大きく出てきたり、泣くと大きくなったりする。

　もともと赤ちゃんとお母さんはへその緒でつながっていて、へその緒がなくなると穴が開いた状態になる。その穴はやがて傷跡に出来る瘢痕はんこん組織や筋膜が覆うのだが、それが遅れていると、でべそになるのだ。へその緒の切り方が悪いから、でべそになるわけではない。

　およそ2割の赤ちゃんはでべそだが、2歳までに9割は自然に治る。2歳を過ぎてもでべそなら手術の対象になるが、成長するにつれて、へその周りに脂肪が付くと、出べそが目立たなくなることもあるので、小学校入学まで様子を見ることが多い。

　一口に出べそといっても、「臍へそヘルニア」と「臍突出症へそとっしゅつしょう」がある。臍ヘルニアは、へその緒を切った後の穴が塞がらず、おなかに力を入れると腸や脂肪が穴から出てくる状態だ。臍突出症は、穴は閉じたけれど、へそがくぼみ切らずに膨らみが残っている状態だ。どちらの出べそか知りたかったら、指先でへその中をグッと押してみるといい。臍の奥に穴の縁を感じれば臍ヘルニアだ。

　臍ヘルニアも臍突出症も、筋膜を縫合したり、余分な出っ張りを切除するなどの外科手術で治る。大人の場合は局所麻酔の手術で日帰りが出来るが、幼児の場合は全身麻酔になるので2、3日の入院が必要になる。臍ヘルニアには健康保険が適用され、自己負担は3～4万円で済むが、臍突出症には健康保険が適用されない。

　でべそが治ってへそがくぼむと、そこに汚れがたまる。「へそのゴマ」だ。へそは体の中で唯一、汗をかかない部位なので汚れが取れにくいが、大変敏感な部位でもあるので、「へそのゴマを取るとお腹が痛くなる」と言われる。べビーオイルやオリーブオイルを垂らして、綿棒で優しくなでるようにして汚れを取るといい。

（医療ジャーナリスト・田中　皓）