在css中 ， 可以使用border-radius属性设置文本框为圆角 。 下面小编举例讲解css如何让textarea文本框变为圆角 。
需要这些哦
css+html
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解css若何让textarea文本框变为圆角 。
2在test.html文件中 ， 利用textarea标签建立一个文本框 ， 用于测试 。
3在test.html文件中 ， 给textarea标签添加一个class属性 ， 设置为myta 。
4在test.html文件内 ， 编写<style type="text/css"></style>标签 ， 页面的css样式将写在该标签内 。
5在css标签内 ， 经由过程class类名设置textarea的样式 ， 经由过程border-radius属性设置圆角为10px 。
6在浏览器打开test.html文件 ， 查看实现的结果 。
总结：1【css如何让textarea文本框变为圆角】1、利用textarea标签建立一个文本框 ， 给textarea标签添加一个class属性 ， 设置为myta 。 2、在test.html文件内 ， 编写<style type="text/css"></style>标签 ， 页面的css样式将写在该标签内 。 3、在css标签内 ， 经由过程class类名设置textarea的样式 ， 经由过程border-radius属性设置圆角为10px 。
以上内容就是css如何让textarea文本框变为圆角的内容啦 ， 希望对你有所帮助哦！
猜你喜欢
- 如何在百度知道平台提问
- 太吾绘卷如何前往太吾村去寻找义父
- 普洱茶在北方如何保存？
- 梦三国2讨伐令有什么用如何用
- wpsppt中如何制作黑白几何极简风商务封面
- wpsppt中如何制作简约商务型结束页面
- wpsppt中如何进行欧美冷淡风图文排版
- wpsppt中如何制作黄色时尚职场风封面
- wpsppt中如何制作金色商务型工作总结封面
- wpsppt中如何制作典雅方格风过渡页面