css设置图片样式圆角 css图片圆角弧度

如何用css制作图片自动圆角,谢谢了!

1、CSS3圆角只需设置一个属性：border-radius（含义是边框半径）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。

2、css圆角实现的方式有很多种，最简单最方便的是使用border-radius属性。或者使用圆角图片。border-radius后面直接接数值。

3、首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：img { border-radius： 20px} 。浏览器运行index.html页面，此时页面插入的图片会自动显示圆角20px的。

4、左上角图片 当然要设置background-repeat：none；另外用CSS3的话可以不用图片，border-radius可以定义方块的圆角，不过目前支持CSS3的浏览器只有IEFIREFOX、chrome、safari，局限性很大。

5、用CSS2创建圆角的方法 固定宽度的圆角 这个是最简单的方法最多只需要使用两个图片（顶部和底部），并且也不需要添加额外的标记。

6、给图片加入boder-radius，数值越大，图片的圆角弧度越大。如果圆角要求不一样，可以这样写 img{ border-radius：25px 10px 50px 0；} //左上角、右上角、右下角、左下角(顺时针顺序) 这样写左下角无弧度。

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

1、css圆角实现的方式有很多种，最简单最方便的是使用border-radius属性。或者使用圆角图片。border-radius后面直接接数值。

2、CSS3圆角只需设置一个属性：border-radius（含义是边框半径）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。

3、CSS圆角矩形可以使用 Border-radius 属性即可实现。Border-radius 属性相关定义功能及其案例：对浏览器的支持：IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-radius 属性。

4、用css样式为html元素设置圆角框是利用border-radius属性实现的。

5、-ms-border-radius：5px；//IE -o-border-radius：5px；//opera border-radius：5px；//假设你希望圆角的幅度是5px} 但是在IE6/IE7/IE8等低版本浏览器中是不可能通过css实现圆角的，必须借助背景图片才能实现。

6、你可以用css3的多层背景，把4个圆角图片放到上下左右四个地方，缺点是低版本ie不鸟。

如何使用CSS+DIV或者jsp实现任意一张图片让它以圆角的样子显示?_百度...

嗯。用CSS3 可以实现盒子模型的圆角。例如（border-radius： 8px； 表示8px 圆角半径）至于图片的话，要JS/JQ处理了。

CSS3圆角只需设置一个属性：border-radius（含义是边框半径）。你为这个属性提供一个值，就能同时设置四个圆角的半径。所有合法的CSS度量值都可以使用：em、ex、pt、px、百分比等等。

首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：img { border-radius： 20px} 。浏览器运行index.html页面，此时页面插入的图片会自动显示圆角20px的。

使用CSS3定义：style=border-radius：200px；加到图片上就行，根据图片大小调整px的值。

建议大家还是使用图片做背景的CSS圆角实现方案。一张图片利用CSS定位，实现DIV的四个边角都是圆角。这样的好处是，只需要一张圆形的图片，就可以实现四个圆角了。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！