专业编程基础技术教程

网站首页 > 基础教程 正文

CSS美化button按钮样式(css如何设置按钮形状)

ccvgpt 2024-08-03 12:45:56 基础教程 89 ℃
<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <style>
 /*button样式*/
 .global-button {
 width: 75px;
 height: 30px;
 background: #3094D0;
 cursor: pointer;
 border: 1px solid transparent;
 border-radius: 3px;
 color: white;
 }
 button:nth-child(2) {
 background: red;
 }
 </style>
</head>
<body>
<button type="button" class="global-button" >登录</button>
<button type="button" class="global-button" >取消</button>
</body>
</html>

附带一张登录效果图:如下

CSS美化button按钮样式(css如何设置按钮形状)

Tags:

最近发表
标签列表