还是border-radius属性，将div边框（border）的四个直角变成圆角

下面给出class，你可以写在css文件里面，然后把要改的div  class属性引入radius这个就行了。

/*将div的border变成圆角*/

.radius{

border-radius: 8px 8px 8px 8px;   /*这四个值的大小代表角的大小，顺序上右下左*/

}


效果图
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • CSS3
    1、属性选择器：id选择器 # 通过id 来选择类名选择器 . 通过类名来选择属性选择器 ...
    Yuann阅读 5,569评论 0赞 7
  • 实用的60个CSS代码片段
    1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，...
    kiddings阅读 8,394评论 0赞 11
  • 光影•被风刮走
    我轻飘飘的 被风刮走 想象着 你的发梢 触碰我指尖 跟随你的影子 于我的影子 上演一场爱情戏 水面上浮现的你的脸 ...
    珂柡阅读 942评论 0赞 1
  • Learn Nim As A Newbie(Part 2)
    Preface 前面我们介绍了Nim的基本概况和安装流程，以及它的包管理工具Nimble。这次，我们开始为编写Ni...
    码上说阅读 9,585评论 1赞 2
  • 我太完美了，你无法爱我
    1 分手或拒绝我更喜欢听到“你太完美，我没法去爱你。”而不是“我不喜欢你了”和“我们不适合。” 虽然都是不爱的借口...
    逸凡生阅读 2,910评论 0赞 0