CSS是网页设计中常用的语言之一,它可以让我们轻松地美化网页。而在CSS中,我们可以利用border属性来很方便地将type的框变成线。/*将type的框变成线*/ input[type= text
CSS是网页设计中常用的语言之一,它可以让我们轻松地美化网页。而在CSS中,我们可以利用border属性来很方便地将type的框变成线。
/*将type的框变成线*/ input[type="text"], input[type="password"], textarea { border: 1px solid #ccc; }
上面这段代码中,我们通过选择器选择了所有的type为text、password和textarea的元素,并设置了一个1px的边框,颜色为#ccc。这样一来,页面中所有这些元素的外部框都将变成一条细细的线。
不过,如果我们想要将这条线的粗细加粗或是改变它的颜色,只需要修改一下代码中的border样式即可。例如:
/*将type的框变成红色粗线*/ input[type="text"], input[type="password"], textarea { border: 3px solid red; }
上述代码会将选中的元素的外部框变成一条红色的粗线,线宽为3px。这样一来,页面中的输入框就更加醒目了。
粉丝
0
关注
0
收藏
0