lovecoding
/
Java0715


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
							<!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>