button

by Fanny60714

HTML

<!DOCTYPE html>
<html>
<head>

</head>
<body>
  <button onclick="buy()" id="btn1">我要訂購</button>
  <button onclick="more()" id="btn2">認識工廠</button>
</body>
</html>

CSS

#btn1 {
  background-color:#fcc428;
  border: 1px solid;
  border-radius: 15px;
  padding: 8px;
}

#btn1:hover {
  background-color:#ebbf44;
}

#btn2 {
  background-color:#9aedf5;
  border: 1px solid;
  border-radius: 15px;
  padding: 8px;
}

#btn2:hover {
  background-color:#86d2d9;
}

JavaScript

function buy(){
	alert("謝謝您對我們的衣服有興趣！請致電 0987-654-321，會有專人提供您報價！");
}

function more(){
	alert("我們工廠位於新北市，通過國際 ISO9001 認證，品質讓您放心！");
}