怎么处理CSS3的边框圆角border-radius？

Posted 2023-04-03

圆角处理时，脑中要形成圆、圆心、长半径、短半径的

概念，正圆是椭圆的一种特殊情况。

  

by三人行慕课

可分别设置长、短半径，以“/”进行分隔，遵循“1，2，3，4”规则，参考手册练习熟悉各种简写方式。

 

by三人行慕课

表格运用圆角需要 border-collapse: separate;

当圆角半径小于或等于边框宽度时，元素内角是直角

 

by三人行慕课

参考技术A 现代浏览器已经全面支持border-radius,直接使用即可
请采纳 参考技术B IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-radius 属性。

android 圆角边框 阴影边框怎么设置

参考技术A 所谓添加阴影，就是两个画布从重叠，上方的画布小于下方的画布，阴影颜色为下方的画布的颜色。
item 中shape 的属性 （rectangle:矩形；line：线性；oval：椭圆；ring：环形），默认为矩形
corners //设置圆角幅度，必须是在shape=rectangle的时候，corners才有效
<corners
Android:radius="dimension" //全部的圆角半径
android:topLeftRadius="dimension" //左上角的圆角半径
android:topRightRadius="dimension" //右上角的圆角半径
android:bottomLeftRadius="dimension" //左下角的圆角半径
android:bottomRightRadius="dimension" /> //右下角的圆角半径
eg：<corners android:radius="10dp" />
solid用以指定内部填充色
e.g：<solid android:color="color" />
gradient //定义渐变色，可以定义两色渐变和三色渐变，及渐变样式
linear（线性渐变）、radial（放射性渐变）、sweep（扫描式渐变）， 在构造放射性渐变时，要加上android:gradientRadius属性（渐变半径），即必须指定渐变半径的大小才会起作用。
<gradient
android:type=["linear" | "radial" | "sweep"] //共有3中渐变类型
android:angle="integer" //渐变角度，必须为45的倍数，0为从左到右，90为从上到下
android:centerX="float" //渐变中心X的相当位置，范围为0～1
android:centerY="float" //渐变中心Y的相当位置，范围为0～1
android:startColor="color" //渐变开始点的颜色
android:centerColor="color" //渐变中间点的颜色，在开始与结束点之间
android:endColor="color" //渐变结束点的颜色
android:gradientRadius="float" //渐变的半径，只有当渐变类型为radial时才有效
android:useLevel=["true" | "false"] /> //使用LevelListDrawable时就要设置为true。设为false时才有渐变效果
stroke //这是描边属性，可以定义描边的宽度，颜色，虚实线等
<stroke
android:width="dimension" //描边的宽度
android:color="color" //描边的颜色 // 以下两个属性设置虚线
android:dashWidth="dimension" //虚线的宽度，值为0时是实线
android:dashGap="dimension" /> //虚线的间隔本回答被提问者采纳