即时新闻

表单的设计

2022年12月16日 来源:大美华赢
分享到微信
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

在设计表单时,有没有发现自己用代码写的表单十分的单调无趣呢,那是因为你没有给表单加入一些样式,加入样式的表单一定会焕然一新的哦!
直接上代码了,一个带色彩样式的表单




      content="text/html; charset=iso-8859-1" />




 

First name:


 

Last name:


 




边框样式值如下:
none :    无边框。与任何指定的border-width值无关
hidden :  隐藏边框。IE不支持
dotted :  在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为点线。否则为实线(常用)
dashed :   在MAC平台上IE4+与WINDOWS和UNIX平台上IE5.5+为虚线。否则为实线(常用)
solid :     实线边框(常用)
double :  双线边框。两条单线与其间隔的和等于指定的border-width值
groove :  根据border-color的值画3D凹槽
ridge :     根据border-color的值画菱形边框
inset :      根据border-color的值画3D凹边
outset :    根据border-color的值画3D凸边?
四边边框分别设置
border-left 设置左边框,一般单独设置左边框样式使用
border-right 设置右边框,一般单独设置右边框样式使用
border-top 设置上边框,一般单独设置上边框样式使用
border-bottom 设置下边框,一般单独设置下边框样式使用,有时可将下边框样式作为CSS下划线效果应用。

推荐阅读

友情链接 :  搜狐新闻  |  今日头条  |  腾讯新闻  |  一点资讯  |  凤凰新闻  |  网易新闻

城市 : 中国·南京

详细地址 : 南京市雨花台区

联系电话 : 18061221902

电子邮件 : hr-web100@qq.com