• 技术文章 >web前端 >css教程

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

    长期闲置长期闲置2021-12-06 11:28:30原创600

    写法:“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>

    输出结果:

    15.png

    (学习视频分享:css视频教程

    以上就是css中圆角只想取一边怎么写的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:css
    上一篇:css怎么去掉元素边框的某一边 下一篇:css怎么画右半圆
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【活动】充值PHP中文网VIP即送云服务器• css里怎么将图片置于元素最上面• css图片怎么右对齐显示• css怎样让字体倾斜• css怎么让li元素横着显示• css怎么去掉元素边框的某一边
    1/1

    PHP中文网