| 123456789101112131415161718192021222324252627282930313233 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Document</title>
- <!-- 将body中要使用的样式 抽取到head中 -->
- <style>
- /* 对input元素生效 这里是css的注释方式*/
- input {
- width: 60px;
- height: 40px;
- background-color: bisque;
- border: 1px solid yellowgreen;
- font-size: 22px;
- font-family: '隶书';
- border-radius: 5px;
- }
- </style>
- </head>
- <body>
- <!-- 内嵌式 css -->
- <!-- 缺点：生效范围在当前的html页面中 如果想要复用这个效果 在新的页面还需要复制一份 -->
- <input type="button" value="按钮1" />
- <br />
- <br />
- <input type="button" value="按钮2" />
- </body>
- </html>
|
