パーツ置き場


見出しパーツ

H2テキスト

H3テキスト

H4テキスト

H5テキスト
<h2>H2テキスト</h2> <h3>H3テキスト</h3> <h4>H4テキスト</h4> <h5>H5テキスト</h5>
文字装飾

太字

下線文字

赤色文字

フォントサイズ10px

フォントサイズ14px

フォントサイズ18px

フォントサイズ20px

<p><strong>太字</strong></p> <p><span class="underline">下線文字</span></p> <p><span class="red_txt">赤色文字</span></p> <p><span class="fnt10">フォントサイズ10px</span></p> <p><span class="fnt14">フォントサイズ14px</span></p> <p><span class="fnt18">フォントサイズ18px</span></p> <p><span class="fnt20">フォントサイズ20px</span></p>
リストパーツ
  • リストパーツ
  • リストパーツ
  • リストパーツ
<ul class="list"> <li>リストパーツ</li> <li>リストパーツ</li> <li>リストパーツ</li> </ul><!-- /.list -->
ボックスパーツ

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

タイトルが入ります

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

タイトルが入ります

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

<div class="box1"> <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p> <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p> <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p> </div><!-- /. box1--> <div class="box2"> <div class="title">タイトルが入ります</div> <div class="txt"> <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p> <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p> <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p> </div> </div><!-- /. box2--> <div class="box3"> <div class="title">タイトルが入ります</div> <div class="txt"> <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p> <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p> <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p> </div> </div><!-- /. box3-->
テーブルパーツ
項目1 項目2 項目3 項目4
見出し テキスト テキスト テキスト
見出し テキスト テキスト テキスト
見出し テキスト テキスト テキスト
項目1 テキスト テキスト テキスト
項目2 テキスト テキスト テキスト
項目3 テキスト テキスト テキスト
<table class="table1"> <thead> <tr> <th>項目1</th> <th>項目2</th> <th>項目3</th> <th>項目4</th> </tr> </thead> <tbody> <tr> <th> 見出し </th> <td> テキスト </td> <td> テキスト </td> <td> テキスト </td> </tr> <tr> <th> 見出し </th> <td> テキスト </td> <td> テキスト </td> <td> テキスト </td> </tr> <tr> <th> 見出し </th> <td> テキスト </td> <td> テキスト </td> <td> テキスト </td> </tr> </tbody> </table><!-- /.table1 --> <table class="table2"> <tbody> <tr> <th>項目1</th> <td> テキスト </td> <td> テキスト </td> <td> テキスト </td> </tr> <tr> <th>項目2</th> <td> テキスト </td> <td> テキスト </td> <td> テキスト </td> </tr> <tr> <th>項目3</th> <td> テキスト </td> <td> テキスト </td> <td> テキスト </td> </tr> </tbody> </table><!-- /.table2 -->
リンクパーツ
<div class="left_link"> <a href="#" target="_blank" rel="nofollow noopener"> 左リンク </a> </div><!-- /.left_link --> <div class="right_link"> <a href="#" target="_blank" rel="nofollow noopener"> 右リンク </a> </div><!-- /.right_link --> <div class="center_link"> <a href="#" target="_blank" rel="nofollow noopener"> 右リンク </a> </div><!-- /.center_link -->
リンクボタンパーツ
<div class="link_btn"> <a href="#" target="_blank" rel="nofollow noopener"> リンクボタン </a> </div><!-- /.link_btn -->
フキダシパーツ
名前
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
名前
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
<div class="fukidashi_right clearfix"> <div class="icon"> <img src="https://placehold.jp/30/daf0d3/ffffff/300x300.png?text=icon"> 名前 </div> <div class="txt"> テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 </div> </div><!-- /.fukidashi_right --> <div class="fukidashi_left clearfix"> <div class="icon"> <img src="https://placehold.jp/30/daf0d3/ffffff/300x300.png?text=icon"> 名前 </div> <div class="txt"> テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。 </div> </div><!-- /.fukidashi_left-->
引用パーツ
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
<blockquote>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。<br> テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。<br> テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。<br> </blockquote>
QAパーツ
テキストが入ります?

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

テキストが入ります?

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

<div class="qa_box_area"> <div class="qa_box"> <div class="q_txt"> テキストが入ります? </div> <div class="a_txt"> <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p> <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p> </div> </div><!-- /.ga_box --> <div class="qa_box"> <div class="q_txt"> テキストが入ります? </div> <div class="a_txt"> <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p> <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p> </div> </div><!-- /.ga_box --> </div><!-- /.qa_box_area -->
まとめパーツ
まとめパーツ

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。

<div class="matome_box"> <div class="title">まとめパーツ</div> <div class="txt"> <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p> <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p> <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p> </div> </div><!-- /.matome_box -->