<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<input type="button" value="草率的按钮"/>
<br/>
<br/>
<!-- 行内式 使用css inline代表行内 -->
<!-- 使用 属性style(风格) 来引入样式 样式名:样式值;样式名:样式值; ... -->
<!--
width 宽度
height 高度
bg color 背景颜色
border 边框 + 宽度 + 线型 + 线的颜色
font-size 字体大小
font-family 字体
border-radius 边框的弧度
-->
<!-- 缺点：html+css混在一起 样式只对当前的元素有效 -->
<input type="button" value="按钮"
style="
width: 60px;
height: 40px;
background-color: bisque;
border: 1px solid yellowgreen;
font-size: 24px;
font-family: '隶书';
border-radius: 5px;
"
/>
<br/>
<br/>
<input type="button" value="按钮"
style="
width: 60px;
height: 40px;
background-color: bisque;
border: 1px solid yellowgreen;
font-size: 24px;
font-family: '隶书';
border-radius: 5px;
"
/>
</body>
</html>