はじめに
社内Wikiに細々とまとめていたものをQiitaへ移行したいと考え、鋭意作業中。
適宜追記予定。
box-sizing
ボックスサイズの算出方法を指定する
値
内容
contexr-box
パディングとボーダーを高さに含めない
border-box
パディングとボーダーを高さに含める
inherit
親要素の値を継承する
<style>
.yes_btn {
margin: 1em 3em;
padding: 3em 5em;
/* パディングとボーダーを高さに含める */
box-sizing:border-box;
height: 50px;
text-align: center;
color: #fff;
border: 2px solid #ffac00;
border-radius: 6px;
background: #ffac00;
box-shadow: 0 2px 4px rgba(0,0,0,0.16);
font-weight: bold;
cursor: pointer;
}
</style>
<div class="button_area">
<a id="modal_yes" class="yes_btn">はい</a>
</div>
↧