border-radius

border-radius精品文章

• 

  CSS形状之border-radius

  开发者常用border-radius来将矩形更改为圆角矩形，大部分人写上例如border-radius:5px;就可以满足对网页布局形状的要求，但其实这个CSS属性可以这么玩。 border-radius的三种声明方式 border-radius: 10px; border-radius: 2em; border-radius: 50%; bor...

  ckllj 2019-08-29 12:20 评论0 收藏0
• 

  Css Secrets - 灵活的椭圆

  ...天的主角。拿它用来做什么呢？?，对了，拿它做圆角。 border-radius,这是个 简单，实用的属性，我们先对它进行一个小小的回顾.  border-radius : 用来设置边框圆角。当使用一个半径时确定一个圆形；当使用两个半径时确定一个椭...

  Yangder 2019-08-30 15:52 评论0 收藏0
• 

  小猪乔治和border-radius

  ...，效果可以看这里，源码在这里。 开发过程中也让我对border-radius这个属性有了更深刻的理解。 border-radius 以前我在使用这个属性时，只知道这个是表示圆角，常用border-radius: 5px实现圆角长方形或者border-radius: 50%来画圆形。在开...

  guqiu 2019-08-29 15:43 评论0 收藏0
• 

  css绘制各种各样的形状图形

  ...用）和插入img图片的方法，我们还可以用css边框、圆角（border-radius）、渐变和定位的方法结合使用，绘制各种各样的形状图形。 1、实心圆 .circle { width: 120px; height: 120px; background: #317ef3; border-radius: 100%; } 2、圆环（空...

  mingde 2019-08-02 11:37 评论0 收藏0
• 

  css绘制各种各样的形状图形

  ...用）和插入img图片的方法，我们还可以用css边框、圆角（border-radius）、渐变和定位的方法结合使用，绘制各种各样的形状图形。 1、实心圆 .circle { width: 120px; height: 120px; background: #317ef3; border-radius: 100%; } 2、圆环（空...

  levinit 2019-08-30 15:54 评论0 收藏0
• 

  css绘制各种形状图形（第二版）

  ...circle { width: 120px; height: 120px; background: #8BC34A; border-radius: 100%; } 二、圆环（空心圆） .ring { width: 100px; height: 100px; border: 10px solid #8BC34A; border-...

  CoreDump 2019-08-30 10:58 评论0 收藏0
• 

  css绘制各种形状图形（第二版）

  ...circle { width: 120px; height: 120px; background: #8BC34A; border-radius: 100%; } 二、圆环（空心圆） .ring { width: 100px; height: 100px; border: 10px solid #8BC34A; border-...

  yibinnn 2019-08-02 15:08 评论0 收藏0
• 

  CSS3 border-radius 圆角

  圆角border-radius，其css如下 IE9+支持（就是ie6,ie7,ie8都不支持），默认值是0，不继承，可以像下面那样设置4个角的值，也可以单独设置，如 border-top-left-radius:2em; 1 /*border-radius:后面跟1个值、2个值、3个值、4个值时的情况*/ ...

  geekzhou 2019-04-23 11:57 评论0 收藏0
• 

  CSS3 border-radius妙用

  border-radius：左上 右上 右下 左下（就是顺时针） 如果没有4个值的情况下，缺的那个角的值与对角相等（如2、3、4） 1、border-radius: 2em;( border-radius: 2em 2em 2em 2em;) 等价于： border-top-left-radius: 2em; border-top-right-radius: 2em; border-bott.....

  andycall 2019-08-29 15:25 评论0 收藏0
• 

  一个关于border-radius值设置的问题记录

  ...是一个左边半圆形， 右边带有弧度的div啊。这个用css的border-radius就可以搞定了啊。 左边是圆角， 圆角50px啊， 右边是小圆角， 以往的div都是8px弧度的。 根据border-radius中角的顺序(以顺时针的方向解析，上左，上右，下右，下...

  ssshooter 2019-08-30 11:00 评论0 收藏0
• 

  用css画一个哆啦A梦

  ... margin-left: -100px; margin-top: -100px; background-color: #0080FF; border-radius: 999px; border: 1px solid black; #face{ width: 179px; height: 150px; position: absolute; left: 4...

  zombieda 2019-04-22 17:02 评论0 收藏0
• 

  用css画一个哆啦A梦

  ... margin-left: -100px; margin-top: -100px; background-color: #0080FF; border-radius: 999px; border: 1px solid black; #face{ width: 179px; height: 150px; position: absolute; left: 4...

  xcc3641 2019-04-22 16:34 评论0 收藏0
• 

  常见的CSS预处理器之Less初体验

  ...r:red; 函数 使用 $ lessc func.less 进行转译 func.css 文件 .border-radius(@radius) { -webkit-border-radius: @radius; -moz-border-radius: @radius; border-radius: @radius; } #header { .b...

  desdik 2019-08-30 11:11 评论0 收藏0
• 

  前端入门-day2（常见css问题及解答）

  ...-color: lightgray; } .block3 { background-color: red; } 图片如下： border-radius: 999px;和border-radius: 50%;的正确理解。 先看代码： block1 block2 .block1 { width: 200px; height: 100px; background-color: ...

  tuantuan 2019-08-29 17:02 评论0 收藏0