![MARKLEAPS[マークリープス]](https://markleaps.com/blog/wp-content/themes/mkl/images/00_logo.png){kind=logo}
記事テンプレート
markleaps.com
導入文が入ります。導入文が入ります。導入文が入ります。導入文が入ります。導入文が入ります。導入文が入ります。導入文が入ります。
H2見出し
段落が入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストがが入ります。
段落が入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストがが入ります。
H3見出し
段落が入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストがが入ります。
| テーブル ヘッダー | テーブル ヘッダー |
|---|---|
| テーブル内容テキスト | テーブル内容テキスト |
| テーブル内容テキスト | テーブル内容テキスト |
| 見出し | テーブル内容テキスト |
| 見出し | テーブル内容テキスト |
- 順序なしリスト
- 順序なしリスト
- 順序なしリスト
- 順序付きリスト
- 順序付きリスト
- 順序付きリスト
見出しテキスト
テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
- 順序なしリスト
- 順序なしリスト
- 順序なしリスト
- 順序付きリスト
- 順序付きリスト
カラム テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
カラム テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
|
1 2 3 4 5 6 7 8 9 |
.bs_cols_2 , .bs_cols_3 , .bs_cols_4 , .bs_cols_5 { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px 0; } |
See the Pen CSSのみでタブ切り替え（:has()疑似クラス利用） by mkl may (@mkl-may) on CodePen.
テキストについては以下の記事で解説しています。
まとめ
まとめテキストが入ります。テキストが入ります。テキストが入ります。