はじめに
社内Wikiに細々とまとめていたものをQiitaへ移行したいと考え、鋭意作業中。
適宜追記予定。
padding
要素内の余白を指定する
<style>
.yes_btn {
margin: 1em 3em;
/* 上下3em,左右5emに指定する */
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>
margin
要素外の余白を指定する
<style>
.yes_btn {
/* 上下1em,左右3emに指定する */
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>
↧