问答详情
源自：6-2 先来填用户名和密码 - 文本输入框、密码输入框

表单中输入框

表单中的输入框如何让它的边框设置为虚线

提问者：叹丶流年 2016-11-03 21:31

个回答

  • kevinpzy3713946
    2016-11-03 21:38:40
    已采纳

    用css，

    <style type="text/css">

     form{border-style=dashed;}

    </style>

    1
  • 繁小花
    2016-11-03 21:52:31

    border为边框属性，如果要实现对象边框效果，要设置边框宽度、边框颜色、边框样式（实线还是虚线）

    border:1px dashed #F00 这个就是设置边框样式宽度为1px，虚线，虚线为红色。

    比如：

    <!DOCTYPE html> 

    <html> 

        <head> 

            <meta charset="utf-8" /> 

            <title>html边框虚线演示.</title>

             <style> 

                 .bor{border:1px dashed #F00;width:300px;height:60px;margin-top:10px}

                 span{display:block}   /*css注释说明：让span形成块*/ 

            </style>

         </head> 

         <body> 

                <p class="bor">p盒子</p> 

                <span class="bor">span盒子</span> 

                <ul class="bor"> 

                    <li>ul li列表</li>

                    <li>ul li列表</li> 

                </ul> 

                <table class="bor"> 

                        <tr> <td>表格</td> <td>表格2</td> </tr> 

                        <tr> <td>数据</td> <td>数据2</td> </tr> 

                </table> 

        </body> 

    </html> 

    http://img.mukewang.com/581b40f700018caf03840313.jpg

    0
  • FreeeBird
    2016-11-03 21:40:25

    css

    0
  • 慕粉1634341471
    2016-11-03 21:38:05

    css

    0
  • 翼曦
    2016-11-03 21:37:38

    CSS

    0