CSS制作圆角边框

html文本框圆角边框baicss样式可以通过改变border-radius属性的值du进行添加。border-radius值的单位zhi可以使用“daopx”,也可以使用“%”,单位不同效果也不同。具体代码如下:

<!doctype html>

<html>

<head>

    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>

    <textarea style="border-radius: 50px; width: 100px; height: 100px;" ></textarea>

</body>

</html>

运行效果如图:

 

 

 

扩展资料:

CSS具有以下特点:

1、丰富的样式定义:

CSS提供了丰富的文档样式外观,以及设置文本和背景属性的能力;允许为任何元素创建边框,以及元素边框与其他元素间的距离,以及元素边框与元素内容间的距离;允许随意改变文本的大小写方式、修饰方式以及其他页面效果。

2、易于使用和修改:

CSS可以将样式定义在HTML元素的style属性中,也可以将其定义在HTML文档的header部分,也可以将样式声明在一个专门的CSS文件中,以供HTML页面引用。总之,CSS样式表可以将所有的样式声明统一存放,进行统一管理。

3、多页面应用:

CSS样式表可以单独存放在一个CSS文件中,这样我们就可以在多个页面中使用同一个CSS样式表。CSS样式表理论上不属于任何页面文件,在任何页面文件中都可以将其引用。这样就可以实现多个页面风格的统一。

 

posted @ 2020-06-15 14:10  吉尧于  阅读(505)  评论(0编辑  收藏  举报