css3图片边角圆润，css3的圆角边框

在css中怎样让边角具有弧度

1、/*border-radius： 20px/200px；*//*左右有弧度的边*/ background-color： red；} border-radius是一种缩写方法。如果“/”前后的值都存在，那么“/”前面的值设置其水平半径，“/”后面值设置其垂直半径。

2、css3 中有个属性，直接设置圆角半径就可以了，border-radius。再css2中，你这个图是没有简便的，设置个盒子，让背景色设置为你图的颜色，然后用ps将你图的上部分就是圆角部分 切割 作为0jpg，下部分为 0jpg。

3、第一种（正圆弧）：实现效果：参照上面的 要点 ，大概也能知道个原理了吧。

4、首先打开sublime text编辑器，新建一个html文件，里面写入一个p标签：然后设置p标签的样式，这里先设置一个边框，然后设置圆角边框，主要使用CSS3属性border-radius属性定义圆角效果。

5、border-top-left-radius： 0px 左上角圆角弧度border-top-right-radius： border-bottom-right-radius：border-bottom-left-radius：你试试看看能不能达到你要得效果，你这相当于少一个边框，你试试。

6、给图片加入boder-radius，数值越大，图片的圆角弧度越大。

相关问答

Q1: 关于css圆角

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

-khtml-border-radius：11px； -webkit-border-radius：11px； border-radius：11px； padding：5px； 以上的css属性控制一个div就有圆角框了，但部分浏览器不支持。

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

纯CSS实现圆角：这个就比较不方便，需要用到CSS中的边框来实现。我就给出一段代码，你看看。

作用样式：border-radius：5px 15px 20px 25px；支持上、右、下、左 因css3的兼容性 -moz(例如 -moz-border-radius)用于Firefox -webkit(例如：-webkit-border-radius)用于Safari和Chrome。

Q2: CSS初学者提问

1、在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear 属性的元素）增加上外边距实现的。在 CSS1 中，会在元素上外边距之上增加清除空间，而外边距本身并不改变。

2、都可以~可以用 背景做 也可以自己来。 不过做圆角挺麻烦的，自己百度CSS圆角怎么做。如果CSS3 一句话就出来了。

3、因为你的DIV中用的FLOAT：LEFT，向左浮动；那当然是不会居中啦。既然你是用DIV包含着IMG，其实直接定义IMG属性比较好。

Q3: ...矩形框的边角弄成圆的,不要是尖的角,要圆的,用css样式写的

在css里加如下的代码：border： 5 solid gray；border-radius：10px；如过你不想要边框，去掉 border： 5 solid gray；就行了。

border-radius属性可以实现元素的圆角。

选择矩形工具，属性面板上，矩形选项这里填写一个数值，然后用矩形工具绘制出的就是圆角矩形了。

打开Photoshop，然后点击选框工具。用选框工具画一个矩形选框。画好矩形选框后，点击工具栏中的选择。点击选择后，点击修改中的平滑。点击平滑后，输入要变成圆角的像素，然后点击确定。

用CSS可以使边框变圆方法：工具/原料 Dreamweaver软件 电脑 方法/步骤 首先需要打开自己的DW软件，选择文件下面的新建，在弹出框中选择新建一个html页面。

Q4: 怎样用CSS使层的四个边角变的圆滑一些

1、在css中，让边角具有弧度只需要用border-radius这个属性。如图，这是一个测试页面，它们的边角分别为25PX和50PX半径的圆角。

2、首先，打开html编辑器，新建html文件，例如：index.html。

3、border-radius：4px；这就是设置圆角的。不过ie7 ie8不兼容。如果是移动端开发，你就可以放心使用了。

Q5: CSS初学者疑问

clear 属性定义了元素的哪边上不允许出现浮动元素。在 CSS1 和 CSS2 中，这是通过自动为清除元素（即设置了 clear 属性的元素）增加上外边距实现的。

因为你的DIV中用的FLOAT：LEFT，向左浮动；那当然是不会居中啦。既然你是用DIV包含着IMG，其实直接定义IMG属性比较好。

id=picture1里面是你要选用的css的名字，比如说picture。

你给的代码不全，只给出了div，没给出css样式，这个是看不出问题出在哪的。

中间以空格间隔，说明他们是包含与被包含的关系。比如#menu ul li ，定义的其实最终是“li”，前面的“#menu ul ”类似语文里的“定语”。意思就是说：id为menu里的ul下的li。

关于css3图片边角圆润和css3的圆角边框的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。