码迷,mamicode.com
首页 > 其他好文 > 详细

border 边框

时间:2019-07-21 12:02:17      阅读:97      评论:0      收藏:0      [点我收藏+]

标签:颜色   button   虚线   用户名   input   style   ack   样式   height   

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>边框</title>
<style>
    /*div{
        width: 200px;
        height: 200px;*/
        /*border-color: red;
        border-width: 10px;
        border-style: solid;*//*solid是实线
        /*dashed是虚线*/
        /*border: 1px solid blue;*/
        /*border-top: 1px dashed red;*/
        /*border-bottom: 1px solid yellow;
        border-right: 1px solid green;
        border-left: 1px solid blue;*/


    input{
        border: 0;/*去掉所有边框*/
        border-bottom: 1px dashed red;
            
        }
    button{
        width: 50px;
        height: 25px;
        border: 1px; solid:purple;

        }
</style>
</head>
<body>
    <div></div>
    用户名:<input type="" >        
    <button>按钮</button>
</body>
</html>

边框初步认识,定义大小、样式、颜色。

border 边框

标签:颜色   button   虚线   用户名   input   style   ack   样式   height   

原文地址:https://www.cnblogs.com/fhtax/p/11220677.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!