<--!リンク--> 各種HTML|あんなこと、そんなこと、どうでもいいこと・・・

あんなこと、そんなこと、どうでもいいこと・・・

;気まぐれに書いてます^^
あんなこと、そんなこと、どうでもいいこと・・・ TOP  >  未分類 >  各種HTML

各種HTML

2016年10月29日
■リンクタグ
☆リンクマーク(blue)
<img src="http://blog-imgs-84.fc2.com/a/w/a/awantan52/arrow001_blue.gif"width="12">
♫リンクマーク、ピンク
<img src="http://blog-imgs-84.fc2.com/a/w/a/awantan52/external-link-pink06-Shapes4FREE.png" alt="リンクマーク、ピンク" border="0" width="10" height="10" />

■顔文字
☆ブィブィ&nbsp;&nbsp;('-^*)/
( °◡°)
o(^-^)o
(´・ω・`;)
あれ?(°_°)ww
<(_ _)>ハハーッ
こ、これは(΄✹ਊ✹‵)!!
うぇーい(´・ω・`)
(´・ω・`)キャハハ 
ϵ( 'Θ' )϶
・・・(^_^;)
( °д°)   (*_*)
・・(゚o゚;;ギク!
(;_;) パンデミック?
悲しい
(´・ω・`)
にやり(●⁰౪⁰●) 

困った
 (@_@;
 よろしくお願い致します!!( ˃̣̣̥ω˂̣̣̥ )
 v(´・ω・`)vうぇ〜い
 らぶです😍
 
 ヽ(゚д゚; )スッ、スマソ
 
 すごい~~!!(絵文字↓)
 😁💗🎉
 
\ ㄘッ! / めんどくさいな。

あらま!(;゚;ж;゚; )ブッ

o(^-^)o

(´・ω・`)

(๑Ő௰Ő๑)✨

怖い(;ω;)

(-人-)ナムナム

もきゅ(´・ω・`)
┐(´д`)┌ヤレヤレ

∑(゚Д゚; )マジッ

★・特殊文字①
< を記述する   ⇒ &lt;
> を記述する   ⇒ &gt;
空白文字記述   ⇒ &nbsp;

■線の種類
実線⇒ solid
点線 ⇒ dotted
波線 ⇒ dashed
二重線 ⇒ double

■囲み枠:水色
<div style="border:1px solid #999999;padding:10px;background-color:#eeffff;">~</div>

・囲み枠グレー
<div style="border:1px solid #999999;padding:10px;background-color:#ffffff;">~~</div>

■①囲み枠(緑枠、肌色背景、角丸)
<div style="background:#FFFFcc; padding:10px; border:1px solid #339900; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;">
記事本文
</div>

■ボックスフレーム(角丸、立体的)
<div style="border:1px solid #999999;padding:10px;background-color:ecfefe;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;box-shadow: 2px 2px 3px #aaaaaa;margin: 10px;">~文章~</div>

■ボックスフレーム(角丸、立体的):背景白
<div style="border:1px solid #999999;padding:10px;background-color:ffffff;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;box-shadow: 2px 2px 3px #aaaaaa;margin: 10px;">~文章~</div>

■ボックスフレーム(角丸、立体的):背景白:アメブロ用特■
<div style="border:1px solid #999999;padding:10px 10px 10px 15px;background-color:ffffff;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;box-shadow: 2px 2px 3px #aaaaaa;margin: 10px;">~文章~</div>

■ボックスフレーム(角丸、立体的)part.2■
<div style="border:1px solid #999999;padding:6px;background-color:#ecfefe;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;box-shadow: 2px 2px 3px #aaaaaa;margin: 10px;">~文章~</div>

■囲み枠(黄色)■
<div style="border:1px solid #ffd700;padding:10px;background-color:#ffffff;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;box-shadow: 2px 2px 3px #aaaaaa;margin:5px;">~文章、文章、文章~
~文章、文章~
~文章~</div>
■タイトル付き枠囲い(タイトル:水色、枠線:黄色)■
<div style="border-width: 1px;border-style: solid;border-color: #ffd700;margin: 5px;padding: 5px;background-color: #ffffff;color: #000000;box-shadow: 5px 5px 5px #aaaaaa;border-radius: 10px;color: #333333;"><div style="margin: -12px 0 0px 0px;padding: 0;"><div style="height:12px;"><span style="margin-left:10px; padding:6px 10px; background-color:#add8e6;box-shadow: 3px 3px 3px #aaaaaa; color:#000000; font-weight:bold;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;box-shadow: 3px 3px 5px #aaaaaa;">~タイトル~</span></div><br/>~文章~~文章~~文章~~文章~~文章~
~文章~~文章~~文章~~文章~
~文章~~文章~~文章~
~文章~~文章~
~文章~
</div></div>

---

■記事タイトル用:中見出し(上下に線、水色)推奨:03/05■
<div style=" border-bottom:2px solid #00ffff;border-top:1px solid #00ffff; padding-left:7px;padding-top: 5px; font-weight:bold;font-size:25px;color:#1f3134;background:#f8f8ff">上下を線で囲まれたサブタイトル</div>

■中見出し、02、囲み■
<div style="background-image:linear-gradient(#cef6f5,#f7f8e0);background-color:#ffffff; padding:5px; border:2px solid #00ffff;font-weight:bold;font-size:25px;">小見出し、囲み、水色</div>

■中見出し(緑:推奨)■
<div style=" border-bottom:2px solid #009900;border-top:1px solid #33ff00; padding-left:10px; font-weight:bold;font-size:23px;background:#ffffcc">~項目~</div>

■■■■記事内タイトル(グラデーション):05/16■■■■
<div style="background-image:linear-gradient(#ffffff,#7affff,#05ffff);border:1px dotted #00ff00; padding: 10px 8px 4px;background-color:#ffffff;font-size:23px;font-weight:bold;color:#203744;box-shadow: 2px 2px 3px #aaaaaa;margin:5px;">~記事内タイトル、項目</div>

▼▼▼▼▼グラデーション;角丸▼▼▼▼▼
<div style="background-image:linear-gradient(#ffffff,#7affff,#05ffff);border:1px dotted #00ff00; padding: 10px 8px 4px;background-color:#ffffff;font-size:23px;font-weight:bold;color:#203744;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;box-shadow: 2px 2px 3px #aaaaaa;margin:5px;">~小見出し文章~</div>

■■■■推奨コード2016/06/11▼▼▼▼▼グラデーション;角丸▼▼▼▼▼
<div style="background-image:linear-gradient(#ffffff,#7affff,#05ffff);border:1px dotted #00ff00; padding: 10px 8px 4px;background-color:#ffffff;font-size:23px;font-weight:bold;color:#203744;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;box-shadow:5px 5px 10px; #aaaaaa;margin: 2px 8px 8px 0px;">~~任意の文章~~</div>

■■■■推奨コード2016/06/12▼▼▼▼▼グラデーション;角丸;ピンク▼▼▼▼▼
<div style="background-image:linear-gradient(#ffffff,#ffb6c1,#ff89ff);border:1px solid #c71585; padding: 10px 8px 4px;background-color:#ffffff;font-size:23px;font-weight:bold;color:#006400;border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;box-shadow:5px 5px 10px; #aaaaaa;margin: 2px 8px 8px 0px;">~~任意の文章(サブタイトル等)~~</div>





スポンサーサイト
[ 2016年10月29日 01:21 ] カテゴリ:未分類 | TB(0) | CM(0)
コメントの投稿












管理者にだけ表示を許可する
トラックバック
この記事のトラックバックURL

プロフィール

awantan

Author:awantan
なんだか良く解りませんが、
ポチポチ頑張ります。;^^

メインは、こちらの方です。

ワンタンのアメブロ

検索フォーム
ブロとも申請フォーム
QRコード
QR