首页 论坛 CSS怎么控制DIV一边圆角一边直角
帖子详情

论坛老师好,我不是你们的学员,但请教你们一个问题,我想做一个按钮,左边二个角是圆角,右边二个角是直角,请问怎么写出这样的效果呢?麻烦论坛老师在百忙之中给我回答一下,多谢。

你好!控制DIV一边圆角一边直角可以通过CSS来控制,通过CSS的border-radius属性来控制圆角。border-radius属性可以单独的设置四个解单独的样式。如下图:


代码写法如下:

<style>.div{background:red;width:200px;height:40px;border-top-left-radius:20px;border-bottom-left-radius:20px;}</style>
<div class="div"></div>

版权:言论仅代表个人观点,不代表官方立场。转载请注明出处:https://www.52diyhome.com/forum/66089.html

发表评论
暂无评论
  • 0 +

    访问总数

  • 0 +

    会员总数

  • 0 +

    资源总数

  • 0 +

    今日发布

  • 0 +

    本周发布

  • 0 +

    运行天数

资源在于分享,创作来源想象