css ボタン

Posted 2021-05-13

	<div class="btnArea colorPlaimary btnSizeSmall">
	<a href="" class="btnArea__Link">sample</a>
	<!--/.btnArea--></div>

/*btnBasicStyle
--------------------------------*/
	.btnArea{
		border:1px solid #000;
		text-align: center;
		margin:0 auto;
		font-weight: normal;
	}


	.btnArea__Link{
		display: block;
		padding: 10px 20px;
		box-sizing: border-box;
		text-decoration: none;
		color:black;
	}

/*btnSize
--------------------------------*/
	.btnSizeSmall{
		width:100px;
	}

/*themaColor
--------------------------------*/
	.colorPlaimary{
		background-color: pink;
	}