ダミー記事です

未分類

タグなし

2023.02.15

文字装飾

色文字

親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。

下線

親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。

太字

親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。

１段階小さい文字

親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。

２段階小さい文字

親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。

注釈

※親譲りの無鉄砲で小供の時から損ばかりしている。小学校に居る時分学校の二階から飛び降りて一週間ほど腰を抜かした事がある。

注釈　右

※親譲りの無鉄砲で小供の時から損ばかりしている。

<div class="subTitle">色文字</div>
<p>親譲りの無鉄砲で小供の時から損ばかりしている。
<span class="color bold">小学校に居る時分学校の二階から飛び降りて</span>
一週間ほど腰を抜かした事がある。</p>
<div class="subTitle">下線</div>
<p>親譲りの無鉄砲で小供の時から損ばかりしている。
<span class="underline">小学校に居る時分学校の二階から飛び降りて</span>
一週間ほど腰を抜かした事がある。</p>
<div class="subTitle">太字</div>
<p>親譲りの無鉄砲で小供の時から損ばかりしている。
<span class="bold">小学校に居る時分学校の二階から飛び降りて</span>
一週間ほど腰を抜かした事がある。</p>
<div class="subTitle">１段階小さい文字</div>
<p>親譲りの無鉄砲で小供の時から損ばかりしている。
<span class="s12">小学校に居る時分学校の二階から飛び降りて</span>
一週間ほど腰を抜かした事がある。</p>
<div class="subTitle">２段階小さい文字</div>
<p>親譲りの無鉄砲で小供の時から損ばかりしている。
<span class="s12">小学校に居る時分学校の二階から飛び降りて</span>
一週間ほど腰を抜かした事がある。</p>
<div class="subTitle">注釈</div>
<p class="caution">※親譲りの無鉄砲で小供の時から損ばかりしている。
小学校に居る時分学校の二階から飛び降りて
一週間ほど腰を抜かした事がある。</p>
<div class="subTitle">注釈　右</div>
<p class="cautionRight">※親譲りの無鉄砲で小供の時から損ばかりしている。</p>

見出し

H1テキスト

H2テキスト

H3テキスト

H4テキスト

H5テキスト

<h1 class="h1">H1テキスト</h1>
<h2 class="h2">H2テキスト</h2>
<h3 class="h3">H3テキスト</h3>
<h4 class="h4">H4テキスト</h4>
<h5 class="h5">H5テキスト</h5>

小見出し

<div class="subHead">小見出し</div>

リンクボタン

公式サイトはこちら

<div class="linkBtn">
<a href="#">公式サイトはこちら</a>
</div>
<!-- /.linkBtn -->

シンプルボックス

<div class="simpleBox">
シンプルボックス
</div>
<!-- /.simpleBox -->

リストボックス

リストボックス
リストボックス
リストボックス

<div class="listBox">
<ul>
	<li>リストボックス</li>
	<li>リストボックス</li>
	<li>リストボックス</li>
</ul>
</div>
<!-- /.listBox -->

テキストリンク

公式サイトはこちら

<div class="txtLink">
<a href="#">公式サイトはこちら</a>
</div>
<!-- /.txtLink -->
<div class="txtLink__right">
<a href="#">公式サイトはこちら</a>
</div>
<!-- /.txtLink__right -->
<div class="txtLink__center">
<a href="#">公式サイトはこちら</a>
</div>
<!-- /.txtLink__center -->

テーブル

見出し	見出し	見出し
見出し	テキスト	テキスト
見出し	テキスト	テキスト
見出し	テキスト	テキスト

<table class="table">
<tr>
<th>見出し</th>
<td>テキスト</td>
<td>テキスト</td>
</tr>
<tr>
<th>見出し</th>
<td>テキスト</td>
<td>テキスト</td>
</tr>
<tr>
<th>見出し</th>
<td>テキスト</td>
<td>テキスト</td>
</tr>
</table>
<!-- /.table -->

インフォメーションテーブル

Information

見出し	テキスト
見出し	テキスト
見出し	テキスト

<div class="infoTable__area">
<div class="infoTable__title">Information</div>
<table class="infoTable">
<tr>
<th>見出し</th>
<td>テキスト</td>
</tr>
<tr>
<th>見出し</th>
<td>テキスト</td>
</tr>
<tr>
<th>見出し</th>
<td>テキスト</td>
</tr>
</table>
</div>
<!-- /.infoTable__area -->

吹き出しパーツ

吹き出しのテキストが入ります。吹き出しのテキストが入ります。吹き出しのテキストが入ります。吹き出しのテキストが入ります。吹き出しのテキストが入ります。

名前が入ります

<div class="fukidashiBox">
<div class="fukidashiBox__fukidashi">
		吹き出しのテキストが入ります。吹き出しのテキストが入ります。吹き出しのテキストが入ります。吹き出しのテキストが入ります。吹き出しのテキストが入ります。
	</div>
<div class="fukidashiBox__data">
<img src="http://localhost:8887/wp03/wp-content/themes/cs_media_2022/assets/img/user_icon.png" alt="アイコン">
<div clsss="fukidashiBox__data-name">
			名前が入ります
		</div>
</div>
</div>
<!-- /.fukidashiBox -->

—–

—

—

—–

—

—