CSS边框倒角

边框倒角(边框圆角)属性

border-radius:值;

单独设置

border-top-left-radius:

border-top-right-radius:

border-bottom-left-radius:

border-bottom-right-radius:

#img1{border:1px solid orange;
border-top-left-radius:5px;
border-top-right-radius:5px;
border-bottom-left-radius:5px;
border-bottom-right-radius:5px;
}
div>img {width:200px;
height:200px;
border:1px dotted black;
border-radius:5%;}
</style>

边框倒角就是说将四周加上一定弧度,首先要进行选择器声明需要倒角的标记元素。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • CSS边框

    border-方向:width style color(border对应分别是宽度 样式 颜色中间空格隔开。)

    十月梦想
  • canvas文本操作

    contetx.fillText('需要写入画板的文字',left,top,maxwidth);指定了写入画板的文字,文字所处画板的位置left,top,最后一...

    十月梦想
  • canvas实现图片插入画板三种方式

        第一种:getContext.drawImage(图片,画板left位置,画板top位置);

    十月梦想
  • CSS3圆角详解

    CSS3是样式表(style sheet)语言的最新版本,它的一大优点就是支持圆角。

    ruanyf
  • 纯CSS3绘制腾讯QQ的企鹅Logo

    经常能够看到一些用CSS3绘制的精致图形,它们通常由矩形,圆形,椭圆,三角形,梯形等组合而成。要想绘制我们自己的图形,就要先了解下基本图形的绘制方法了。

    Javanx
  • CSS魔法堂:重拾Border之——不仅仅是圆角

    前言  当CSS3推出border-radius属性时我们是那么欣喜若狂啊,一想到终于不用再添加额外元素来模拟圆角了,但发现border-radius还分水平半...

    ^_^肥仔John
  • OOCSS(面向对象的CSS)总结

    ProsperLee
  • 项目常用的less语法详解

    双愚
  • border样式

    border样式 border: 10px dashed black; /复合样式 虚线有兼容问题/ border: 10px dotted black;...

    河湾欢儿
  • CSS深入理解学习笔记之border

    1、border-width   border-width为何不支持百分比:语义和使用场景决定的,现实中各种边框本身的概念就不存在百分比的使用方法。   bor...

    就只是小茗

扫码关注云+社区

领取腾讯云代金券