用CSS轻松实现网上填空

时间： 2021-07-31 作者：daque

在网上做有奖消息的功夫，常常瞥见少许备案表单，惟有一条线供你填写，就跟做试卷时的填空题一律，很cool！

本来要做出如许的功效并不难，只需用一段很简略的css代码即可搞定！

< style type="text/css">　　< !--　　.xian{border-left-style: none; border-right-style: none; border-top-style: none}　　-- >　　< /style>

个中代码的效率如次：

“border-left-style:none”：不表露左边框　　“border-right-style: none”：不表露右边框　　“border-top-style: none”：不表露上边框　　“border-bottom-style: none”：不表露上边框，加上这条，什么边框也没有了

让咱们一道来看一个运用范例吧：

< html>　　< head>　　< title>网上填空< /title>　　< style type="text/css">　　< !--　　.xian{border-left-style: none; border-right-style: none; border-top-style: none ;}　　-- >　　< /style>< !--注：此段为css代码，在这边变动参数不妨树立出更cool的功效-->　　< /head>　　< body bgcolor="#ffffff" text="#000000">　　湮没你的边框　　< p>用户名：　　< input type="text" name="name" class=xian> < !--注：class=这条确定要加，树立你的css运用在表单内里-- >　　< /p>　　< /body>　　< /html>

实行的功效简略分明，如何样，也改改你的表单吧！

用CSS轻松实现网上填空

相关推荐

推荐下载

热门阅览

最新排行