HTMLとCSS内にコメントを書くための記号
- HTMLの場合は、
<!-- ここにコメントを書く --> - CSSの場合は、
/* ここにコメントを書く */
それぞれ内側には半角スペースを1つ空けましょう。
3Dプリンター、3DCG、PC、電子工作、HTML、CSS、ミシン、ペンタブレット、アイデア・材料・道具の紹介。PCデータのわかりやすいバックアップ方法。PC関連機器の使用感レビューなど。
【font-family: monospace;】
.hrcolor02 {
background-color: #ffff00;
border-top: 5px dashed #000000;
border-bottom: 5px solid #eeeeee;
}
【font-family: sans-serif;】
.hrcolor02 {
background-color: #ffff00;
border-top: 5px dashed #000000;
border-bottom: 5px solid #eeeeee;
}
【font-family: serif;】
.hrcolor02 {
background-color: #ffff00;
border-top: 5px dashed #000000;
border-bottom: 5px solid #eeeeee;
}
【font-family: 'Meiryo UI','Osaka', sans-serif;】
.hrcolor02 {
background-color: #ffff00;
border-top: 5px dashed #000000;
border-bottom: 5px solid #eeeeee;
}
【font-family: 'Segoe UI','Segoe', monospace;】
.hrcolor02 {
background-color: #ffff00;
border-top: 5px dashed #000000;
border-bottom: 5px solid #eeeeee;
}
.ivory0 {background-color: #fffff0;}
.mintcream0 {background-color: #f5fffa;}
.ghostwhite0 {background-color: #f8f8ff;}
.whitesmoke0 {background-color: #f5f5f5;}
.snow0 {background-color: #fffafa;}
.cornsilk0 {background-color: #fff8dc;}
.pinkwhite0 {background-color: #fef9fb;}
.flamingopink0 {background-color: #f5b2ac;}
.flesh0 {background-color: #fad09e;}
.jaunebrillant0 {background-color: #ffdc00;}
.babyblue0 {background-color: #bbe2f1;}
.haiiro0 {background-color: #f5f5f5;}
※ダークカラー化に伴い、background-colorは全て「#111」へ変更しました。2022年7月
.ivory {
margin: 5px;
padding: 10px;
background-color: #fffff0;
border: 1px dashed #cccccc;
}
.mintcream {
margin: 5px;
padding: 10px;
background-color: #f5fffa;
}
.ghostwhite {
margin: 5px;
padding: 10px;
background-color: #f8f8ff;
border: 1px dashed #cccccc;
}
.whitesmoke {
margin: 5px;
padding: 10px;
background-color: #f5f5f5;
}
.snow {
margin: 5px;
padding: 10px;
background-color: #fffafa;
border: 1px dashed #cccccc;
}
.cornsilk {
margin: 5px;
padding: 10px;
background-color: #fff8dc;
}
.pinkwhite {
margin: 0px;
padding: 20px;
background-color: #fef9fb;
border: 1px dashed #cccccc;
}
.flamingopink {
margin: 0px;
padding: 20px;
background-color: #f5b2ac;
border: 1px dashed #cccccc;
}
.flesh {
margin: 0px;
padding: 20px;
background-color: #fad09e;
border: 1px dashed #cccccc;
}
.jaunebrillant {
margin: 0px;
padding: 20px;
background-color: #ffdc00;
border: 1px dashed #cccccc;
}
.babyblue {
margin: 0px;
padding: 20px;
background-color: #bbe2f1;
border: 1px dashed #cccccc;
}
※2014年05月20日追記:背景の色はwhitesmokeだが、marginとpaddingが違う。
.haiiro {
margin:5px;
padding:10px;
background-color:#f5f5f5;
border:none;
}
.white {
background-color: #ffffff;
}
.mono { font-family: monospace;}
.sans { font-family: sans-serif;}
.serif { font-family: serif;}
※2014年05月20日変更
.normal_font { font-family: 'Meiryo UI','Osaka', sans-serif;}
.SegoeUI { font-family: 'Segoe UI','Segoe', monospace;}
※2014年05月20日追記
.meiryo { font-family: 'Meiryo','Osaka', sans-serif;}
<pre> <code> このフォントの種類は等幅? </code> </pre> |
<pre> <code class="normal_font"> このフォントの種類は等幅? </code> </pre> |
このフォントの種類は等幅? |
このフォントの種類は等幅?
|
■ あとは今コピーした地図を使いたいブログやHPに貼るだけ!
Ctrl+V(ペースト)
| HOME |