罗和正单双中特
    Html
    Css
    Js


.rantangle {
	width:100%;
	box-sizing:border-box;
	text-align:center;
}
.rantangle button {
	width:20%;
	border:0;
	border-radius:5px;
	color:#FFF;
	padding:10px 0;
	text-align:center;
	text-decoration:none;
	cursor:pointer;
}
.btnleft {
	background:linear-gradient(-59deg,transparent 21px,#d12826 0) top right;
	background-size:100% 100%;
	background-repeat:no-repeat;
}
.btnright {
	background:linear-gradient(120deg,transparent 21px,#04A95B 0) top left;
	background-size:100% 100%;
	background-repeat:no-repeat;
	margin-left:-25px;
}

↑上面代碼改變,會自動顯示代碼結果 jQuery調用版本:2.1.4
 立即下載

css button斜切角

更新時間:2019-10-07 13:52:01

background: linear-gradient(-59deg, transparent 21px, #d12826 0) top right;

-59deg:旋轉角度,控制切角的方向。

transparent 21px  :從哪里開始切。

0
罗和正单双中特
米配资 股票配资论坛ぴ杨方配资 5月27日短线股票推荐 10月股票推荐 国内最安全的股票配资平台 金融投资工具是什么 模拟炒股app排名 股票涨跌颜色绿色 a股大盘上证指数 百盛期货配资