テキストボックス

このページの基本カラー

:root {
 --main-color: #133967;
 --sub-color: #C4C4C4;
}

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

HTML

<div class="txt_box01">
 <p>テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。</p>
</div>

CSS

.txt_box01{
  border: 2px solid var(--main-color);
  padding: 30px 20px;
  box-sizing: border-box;
 margin: 0 0 40px;
}
 
.txt_box01:last-child{
 margin-bottom: 0;
}

詳細