サンプルページ

2018-07-14

ハイライター

html

<h1>見出し1</h1>
<h2>見出し2</h2>
<h3>見出し3</h3>
<h4>見出し4</h4>
<h5>見出し5</h5>
<h6>見出し6</h6>

CSS

.f10,.f12,.f13,.f14,.f15,.f16,.f17,.f18,.f19,.f20,.f25,.f30,.f35,.f40
{font-weight:bold;text-shadow : 0px 1px 1px #999;}

PHP

<?php echo "Hello World"; ?>

javaScript

$( "Test" ).appendTo( ".inner" );

引用

見出し2

見出し3

もじもじもじもじ

装飾色々

白枠で囲んでみる

<div class="white-box">
<p class="mb0">白枠で囲んでみる</p>
</div>

グレー枠で囲んでみる

<div class="gray-box">
<p class="mb10">グレー枠で囲んでみる</p>
</div>

黄色枠で囲んでみる

<div class="white-box bg-yellow">
<p class="mb10">黄色枠で囲んでみる</p>
</div>

赤枠で囲んでみる

赤枠で囲んでみる

<div class="white-box bg-red">
<p class="mb10">赤枠で囲んでみる</p>
<p class="mb10">赤枠で囲んでみる</p>
</div>

ああああああ

ああ

トンネル小

<a href="https://msstyle.jp/wp-content/uploads/2018/06/testonnel.jpg"><img class="alignnone wp-image-74 size-full" title="トンネル小" src="https://msstyle.jp/wp-content/uploads/2018/06/testonnel.jpg" alt="トンネル小" width="150" height="150" /></a>
エムズスタイル公式ロゴ
エムズスタイル公式ロゴ

見出し4

外部リンク

Amazonで探す

楽天市場で探す

youtube

Google Map

Posted by M'S STYLE