- tag_sample
- tb: 0
- cm: 3
- [ edit ]
tag_memo
>IE7以降,_IE6まで http://www.css-style.net/styles/use-style13.html
ソースコード < code>< /code>
color: #;
font-size: 12px;
font-weight: normal;
font-weight: bold;
font-family: sans-serif,arial,"MS Pゴシック",;/*06Moon*/
font-family: "Century Gothic", "Bodoni MT Black", "Tahoma", "Arial";/*06Moon-h1*/
font-family:arial,"MS Pゴシック", sans-serif; /*07Komon*/
font-family: sans-serif, Verdana, "メイリオ", Meiryo; /*07Komon-h1*/
font-family: Verdana,"Arial Black","Meiryo UI","MS UI Gothic","ヒラギノ角ゴ ProN W",Osaka,Sans-Serif;/*18night*/
text-align: left;
text-align: right;
text-align: center;
line-height: 160%;
letter-spacing: 0;
text-transform: uppercase; /*全ての文字を大文字に変換*/
text-transform: lowercase; /*全ての文字を小文字に変換*/
text-transform: capitalize; /*単語の先頭文字を大文字に変換*/
a:hover { text-decoration: underline }
a:active { text-decoration: line-through }
a:active { text-decoration: blink }
background-color: transparent;
background-color: #000000;
background-image: url(http://blog-imgs-56.fc2.com/a/o/g/aogaras10box/.jpg);
background-repeat: no-repeat;
background-repeat: repeat-y;
background-position: center;
background-attachment: fixed;
width: 120%;
height: 105%
margin: 0;
pading: 0;
float: left;
float: right;
text-decoration: none;
word-break: break-all;
overflow-x: hidden;
list-style-type: square;
list-style-image: url(.gif);
デフォルトの余白を取り除く
ul {
margin: 0 0 0 1em;
padding: 0;
}
display: inline;
position: relative;
z-index: 2;
table/隣接するセルのボーダーを結合
border-collapse: collapse;
border-collapse: separate;
セルの境界線の間隔 > [上下左右]/[左右][上下]
border-spacing: 5px 30px;
border-top: 0px solid #000;
border-left: 1px solid #333;
border-bottom: 0px solid #000;
border-right: 1px solid #333;
color: red;
background-color: red;
input:first-child,input#name,input#subject,input#mail,input#url,input#pass,textarea {
color:#304589;
font-size: 11px;
background-color: transparent;
background-image: url(http://blog-imgs-56.fc2.com/a/o/g/aogaras10box/w30.png);
background-repeat: repeat;
margin: 0;
padding: 0.2em;
border: 0px solid ;
}
input#name, input#subject, input#mail, input#url, input#pass, textarea {
font-size: 100%;
background-color: transparent;
background-image: url(http://blog-imgs-56.fc2.com/a/o/g/aogaras10box/w80.png);
background-repeat: repeat;
margin: 0;
padding: 0.2em;
border: 1px solid #999;
}
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
< h1> 200%(32px)
< h2> 150%(24px)
< h3> 113%(18px)
< h4> 100%:標準文字サイズを太字にしたものと同じ(16px)
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
(default)
< !-- 以下のカレンダーを表示しないときは"*"を"display: none"に置き換えて下さい。-->
< div class="body3" style="*">< !-- ■ -->
ソースコード < code>< /code>
/* スペース要素としてのライン --< div class="lin">< hr>< /div>-- */
< div class="lin3">< hr>< /div>
.lin hr, .lin2 hr, .lin3 hr { border: 0px; width: 90%; display: none }
.lin3 {
float: right;
padding: 0;
margin: 0;
width: 220px;
height: 470px;
border: 0px solid red;
}
color: #;
font-size: 12px;
font-weight: normal;
font-weight: bold;
font-family: sans-serif,arial,"MS Pゴシック",;/*06Moon*/
font-family: "Century Gothic", "Bodoni MT Black", "Tahoma", "Arial";/*06Moon-h1*/
font-family:arial,"MS Pゴシック", sans-serif; /*07Komon*/
font-family: sans-serif, Verdana, "メイリオ", Meiryo; /*07Komon-h1*/
font-family: Verdana,"Arial Black","Meiryo UI","MS UI Gothic","ヒラギノ角ゴ ProN W",Osaka,Sans-Serif;/*18night*/
text-align: left;
text-align: right;
text-align: center;
line-height: 160%;
letter-spacing: 0;
text-transform: uppercase; /*全ての文字を大文字に変換*/
text-transform: lowercase; /*全ての文字を小文字に変換*/
text-transform: capitalize; /*単語の先頭文字を大文字に変換*/
a:hover { text-decoration: underline }
a:active { text-decoration: line-through }
a:active { text-decoration: blink }
background-color: transparent;
background-color: #000000;
background-image: url(http://blog-imgs-56.fc2.com/a/o/g/aogaras10box/.jpg);
background-repeat: no-repeat;
background-repeat: repeat-y;
background-position: center;
background-attachment: fixed;
width: 120%;
height: 105%
margin: 0;
pading: 0;
float: left;
float: right;
text-decoration: none;
word-break: break-all;
overflow-x: hidden;
list-style-type: square;
list-style-image: url(.gif);
デフォルトの余白を取り除く
ul {
margin: 0 0 0 1em;
padding: 0;
}
display: inline;
position: relative;
z-index: 2;
table/隣接するセルのボーダーを結合
border-collapse: collapse;
border-collapse: separate;
セルの境界線の間隔 > [上下左右]/[左右][上下]
border-spacing: 5px 30px;
border-top: 0px solid #000;
border-left: 1px solid #333;
border-bottom: 0px solid #000;
border-right: 1px solid #333;
color: red;
background-color: red;
input:first-child,input#name,input#subject,input#mail,input#url,input#pass,textarea {
color:#304589;
font-size: 11px;
background-color: transparent;
background-image: url(http://blog-imgs-56.fc2.com/a/o/g/aogaras10box/w30.png);
background-repeat: repeat;
margin: 0;
padding: 0.2em;
border: 0px solid ;
}
input#name, input#subject, input#mail, input#url, input#pass, textarea {
font-size: 100%;
background-color: transparent;
background-image: url(http://blog-imgs-56.fc2.com/a/o/g/aogaras10box/w80.png);
background-repeat: repeat;
margin: 0;
padding: 0.2em;
border: 1px solid #999;
}
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
< h1> 200%(32px)
< h2> 150%(24px)
< h3> 113%(18px)
< h4> 100%:標準文字サイズを太字にしたものと同じ(16px)
■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■
(default)
< !-- 以下のカレンダーを表示しないときは"*"を"display: none"に置き換えて下さい。-->
< div class="body3" style="*">< !-- ■ -->
スポンサーサイト
プロフィール
Author:usagi
FC2ブログへようこそ!
information
2015.2.8_23:12
管理人のみ閲覧のコメントを下さるみなさまへ
管理ページを見ることを忘れがちな管理人は 返事が遅れがちになることが多いため、ご注意下さい。
お急ぎの返信が必要なかたはカギなしでお願いします。
また、URL を記載していただくと、たすかります。
管理人のみ閲覧のコメントを下さるみなさまへ
管理ページを見ることを忘れがちな管理人は 返事が遅れがちになることが多いため、ご注意下さい。
お急ぎの返信が必要なかたはカギなしでお願いします。
また、URL を記載していただくと、たすかります。
最新記事
最新コメント
カテゴリ ・