btest’s blog

This blog is for development testing.

1カラムテーマの2カラム化と追従サイドバーCSSのみ

    目次
  1. 見出し１
  2. 見出し２
    1. 中見出し１
    2. 中見出し２
  3. 見出し３

見出し１

記事本文

見出し２

記事本文

中見出し１

記事本文

中見出し２

記事本文

見出し３

記事本文
<!--Markdown記法で書いたソースコード-->
<div class="container">
  <div class="content">
    <div class="main"></div>
    <div class="side">サイドバー①</div>
    <div class="side">サイドバー②</div>
    <div class="fixed">サイドバー③ </div>
  </div>
</div>

.container {
  padding: 1%;
  width:1080px;
  position:relative;
  left:-180px;
}
.content {
   display: flex;
   padding: 20px 0;
}
FontAwesome
アイコン 標記方法 説明
<i class="fas fa-external-link"></i> リンクアイコン
<i class="fas fa-arrow-circle-down"></i> 下
<i class="fas fa-angle-double-down"></i> 下２
<i class="fa-solid fa-lightbulb"></i> 電球
<i class="fas fa-save"></i> 保存
<i class="fas fa-copy"></i> コピー
<i class="fas fa-star"></i> 星
HTMLエンティティ
アイコン 標記方法 説明
: &#058; コロン記号
  &#160; 改行されないスペース
↼ &#8636; 左矢印記号
⇀ &#8640; 右矢印記号
写真はイメージです
写真はイメージです

サイドバー①

サイドバー②

サイドバー③
注目記事