编写style.xml实现一个矩形，矩形为圆角、渐变色

ps怎么制作一个圆角矩形4个渐变色

ps中有“圆角矩形工具”，利用它可以设置任意半径值的圆角的矩形。画出后把它由路径转为选区，然后再填出四种颜色的渐变（颜色也是任选，甚至可以是彩虹色排列）如下图：

如何用PS做出有渐变色的圆角矩形

PS制作渐变圆角矩形：

方法一：

1、用路径工具里的圆角矩形工具拉出矩形；
2、按住ctrl(控制键)的同时按回车,把路径图形转换成蚂蚁线选区；
3、不要取消选区用渐变工具在选区内拉出你要的渐变色彩!

方法二：
1、用路径工具里的圆角矩形工具拉出矩形；
2、右键“建立选区”，在弹出的对话框中选择“新选区”，然后“确定”；
3、删除刚刚新创建的图层，而选区则保留了下来；
4、创建一个新的图层；
5、在新图层里尽情填充吧！

效果图如下：

CSS圆角矩形设置

CSS圆角矩形可以使用 Border-radius 属性即可实现。

Border-radius 属性相关定义功能及其案例：

1. 对浏览器的支持：IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-radius 属性。

2. 定义和用法：border-radius 属性是一个简写属性，用于设置四个 border-*-radius 属性。该属性允许您为元素添加圆角边框！

   默认值：0；

   继承性：no；

   版本：CSS3；

   JavaScript 语法：object.style.borderRadius="5px"。

3. 语法：border-radius: 1-4 length|% / 1-4 length|%。

   length：定义圆角的形状。

   %：以百分比定义圆角的形状。

4. 案例：

   案例1：border-radius:2em;

等同于：
border-top-left-radius:2em;
border-top-right-radius:2em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;

案例2：border-radius:2em1em4em/0.5em3em;

等同于：
border-top-left-radius:2em0.5em;
border-top-right-radius:1em3em;
border-bottom-right-radius:4em0.5em;
border-bottom-left-radius:1em3em

• 注意事项：

  按此顺序设置每个 radii 的四个值。如果省略 bottom-left，则与 top-right 相同。如果省略 bottom-right，则与 top-left 相同。如果省略 top-right，则与 top-left 相同。

CSS样式怎么实现圆角矩形功能？

用border-radius属性来实现圆角功能

border-radius使用案例

#div1{
border:1pxsolid#f00;
width:200px;
height:100px;
border-radius:4px10px20px30px;
}