css中圆角只想取一边怎么写

百变鹏仔 3个月前 (09-20) #CSS

文章标签只想

写法：“border-radius:左上圆角值右上圆角值右下圆角值左下圆角值;”；“border-radius”属性用于设置元素圆角的样式，属性的值可以分别设置元素四个角的圆角值，只需要将不想显示圆角的圆角属性值设置为“0”即可。

本教程操作环境：windows10系统、CSS3&&HTML5版、Dell G3电脑。

css中圆角只想取一边怎么写

在css中，可以利用border-radius属性来实现只显示一边圆角，该属性用于设置元素的圆角样式。

语法为：

立即学习“前端免费学习笔记（深入）”；

border-radius：左上圆角值 右上圆角值 右下圆角值 左下圆角值；

示例如下：

<!DOCTYPE html><html><head><style> div{border:2px solid #a1a1a1;height:350px;background:#dddddd;width:350px;border-radius:25px 25px 0 0;}</style></head><body><div></div></body></html>

输出结果：

（学习视频分享：css视频教程）

文章推荐

css中圆角只想取一边怎么写

css如何让导航栏变透明

css 怎么去除a标签的手形

css里怎样设置字体大小和字体颜色

css如何固定导航栏

css边框变圆角边框怎么写