为了账号安全,请及时绑定邮箱和手机立即绑定

表单中输入框

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

正在回答

5 回答

用css,

<style type="text/css">

 form{border-style=dashed;}

</style>

1 回复 有任何疑惑可以回复我~
#1

叹丶流年 提问者

非常感谢!
2016-11-03 回复 有任何疑惑可以回复我~

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://img1.sycdn.imooc.com//581b40f700018caf03840313.jpg

0 回复 有任何疑惑可以回复我~

css

0 回复 有任何疑惑可以回复我~

css

0 回复 有任何疑惑可以回复我~

CSS

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

表单中输入框

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信