form { border: 1px solid #000; //设置表单的边框线 padding: 20px; //设置表单内部的边距,使内容与边界间隔开来 }
上面的代码中,大家首先选取了表单元素,并且通过border属性来为其添加一个黑色的边框线。同时,大家也设置了表单内部的边距为20px,这样表单的内容就不会紧贴着边框了。
如果大家想要给表单中的输入框和文本框也加上边框,可以参考下面的代码:
input[type=text], textarea { border: 1px solid #000; //为输入框和文本框添加边框 padding: 5px; //设置输入框和文本框内部的边距 }
上面的代码中,大家使用了CSS的属性选择器,选取了所有类型为text的输入框和所有的文本框,并为它们都添加了一个1px的黑色边框和5px的内边距。
以上就是给表单添加边的方法,希望对大家有所帮助。