㈠ 有那位高人知道网页里DIV+CSS中正方形的图片里其中两个对角想把它改成圆角,在CSS中应该怎么写
可以的
.box {
width: 300px;
background-color: #ccc;
-moz-border-radius: 10px;
border-radius: 10px;
} 试试这个
㈡ 怎么用PS做出圆角矩形菜单,用于网页的
ps工具中选择矩形工具内的“圆角矩形工具”,在上面的属性工具栏中,设置为路径模式,设置圆角的半径大小,画出圆角矩形路径后,按CTRL+ENTER组合键转化为圆角矩形选区,后面的操作应该就知道怎么做了
㈢ web前端鼠标放在div标签制成的盒子上如何实现图片一秒内由正方形变为圆形在变
原本不是圆形图片,通过CSS样式布局实现成圆形图片,首先图片必须为正方形
1、HTML源代码完整代码:
复制代码代码如下:
图片圆形布局 在线演示 DIVCSS5。
2、对应CSS代码:
复制代码代码如下:
#divcss5{ margin:10px auto}。
#divcss5 img{ border-radius:50%}。
命名盒子“id=divcss5”盒子居中,同时上下外间距为10px;,然后设置对象盒子里img图片圆角50%。
㈣ PS批量处理,想要把照片批量设置成圆角,但是保存下来依然是矩形(PNG格式)
先用acdsee全转化成png格式
然后在PS里,新建动作开始录制
双击背景图层解锁→全选(ctrl+a)→选择→平滑(输入你要的圆角半径大小)→反选→按del删掉四角→取消选择→保存,关闭(这个很重要,不然你等下就要处理一个手动关一个了)
然后点停止录制
然后把所有这一批图片拖进ps里
选择那个动作使劲点播放的按钮就行了
㈤ 求助,用PS如何将图片直角边改成圆角
先用ps打开图片,双击图层面板上的背景图层解锁 然后用圆角矩形工具,以路径模式画出路径(后面的半径可以调节圆角的弧度) ctrl+enter吧路径转为选区,shift+ctrl+i 反选,del清除多余部分就可以了 保存方法: 方法1、你可以另存为png格式的,那么圆角以外的部分是透明的了 方法2、菜单栏-文件-存储为web所用格式,选gif格式,并且勾选透明度就可以了……
㈥ 用PS怎么把图片的四个直角变成圆角,并且不漏白
直接用这个在线图片转圆角图片的工具吧,直接设置一下圆角的数值,马上就能出结果,非常好用。还能单独设置图片四个角是否需要变成圆角。图片背景是透明的,没有白边,正好符合你要求。在线生成圆角图片,PNG|JPG图片转圆角
▼ 生成圆角图片工具使用步骤:
一、首先选定一张照片,通过改变圆角大小的数值,下方会显示照片转换效果的实时预览,默认生成的圆角为60px。
二、可以通过多选框单独选择图片需要被转换成圆角的角,默认是图片的四个角都会被转换成圆角。
三、图片预览显示的是转换后的缩略图,而下载时候是转换生成的原始大小和原始清晰度的图片。
四、因为jpg等格式的图片不支持透明背景,所以如果选定的照片原始格式为jpg等,会自动将照片转换为png格式,那么在下载时png照片占用的存储空间可能会显着增大。
五、如果圆角设置过大,可能会造成不可预计的转换结果,应当在合理范围内设置图片圆角的大小。
㈦ web前端开发,怎么处理css3中边框倒角属性
CSS3 使用border-radius属性设置圆角效果
该属性可以通过设置图片或块级元素四个角的圆角半径像素数来实现该效果。W3C规定该属性的可能取值为:
none,默认值,表示元素没有圆角效果
length,由浮点数字和单位标识组成的长度值
%,由百分比设置的圆角值
该属性可以分别设置元素的四个圆角效果,采用下列格式来实现。
格式:border-radius: 左上角 右上角 右下角 左下角;
通常,四个方向的角半径均采用length取值来实现,该取值必须为浮点数字和单位标识共同组成。同时规定,该取值不得取负数。
例1:利用整数来实现圆角取值。
div{
width: 200px; height: 150px;
border: solid 1px #aaaaaa;
border-radius: 10px 5px 10px 5px;
background-color: #ff5857;
}
上述实例设置了一个div块级元素,其宽度为200px,高度为150px。为了能够看到其圆角效果,增加了颜色为#ff5857的背景颜色,并且添加了1px大小的边框,其边框为实线,边框颜色为#aaaaaa。最后设置其圆角效果,左上角和右下角均为10px,右上角和左下角均为5px。
例2:查看下列CSS代码。
(1)border-radius: 10px 5px 15px 20px;
(2)border-radius: 10px 5px 15px;
(3)border-radius: 10px 5px;
(4)border-radius: 10px;
上述四组代码中,只有组(1)提供了完全符合格式的四个数据,其他三组均只提供了小于四个的数据。这种情况下,数据依然按照“左上角 右上角 右下角 左下角”的顺序进行排列,没有涉及到的角方向按照其对角的圆角数据进行设置。
因此,组(2)的数据表示:左上角为10px,右上角为5px,右下角为15像素,左下角为右上角的像素设置,即5px。请同学们根据这样的方法,理解一下组(3)的圆角含义。
组(4)就设置了一个数据,这表示四个方向的角半径均为10px。
二、独立设置元素的四个圆角效果:
若只想设置一个块级元素右上角的圆角效果,该如何实现呢?这里W3C为border-radius属性派生出了表示四个方向的独立圆角效果的子属性。
border-top-left-radius, 定义左上角的圆角效果
border-top-right-radius, 定义右上角的圆角效果
border-bottom-right-radius, 定义右下角的圆角效果
border-bottom-left-radius, 定义左下角的圆角效果
上述四个子属性的取值规则和border-radius属性的取值规则是完全相同的。
例3:设置p标记的圆角效果,其中左下角没有圆角效果,其他三个方向角的圆角效果均为25px。
方法1:利用border-radius属性统一设置。
p{border-radius: 25px 25px 25px 0;}
方法2:利用border-radius属性的派生子属性设置。
p{
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-right-radius: 25px;
}
方法3:利用border-radius属性设置所有角方向均为25px,再利用border-radius属性的派生子属性设置左下角没有圆角效果。
p{
border-radius: 25px;
border-bottom-left-radius: none;
}
㈧ 网页设计中,怎么让DIV的边框的4个角呈圆角形
怎么能让一个DIV或者一个图片的四角为圆形呢?其实并不需要我们去把每个角都剪切掉,而只需要设置每个解的圆狐度即可。
案例代码:
div{border-radius:5px5px00;}设置DIV对象盒子左上角和右上角5px圆角,其它两个角为0不圆角
border-radius:3px 4px 5px 6px代表设置对象左上角3px圆角、右上角4px圆角、右下角5px圆角、左下角6px圆角.box2img{border-radius:5px}
设置DIV中的图片为圆角图片。
㈨ 怎样用ps使图片边角变圆滑
用PS使图片边角变圆滑,可以用选择工具羽化,形成R角后,再反选,删除R角部分,具体操作方法如下:
㈩ 用PS怎么把照片做成圆角的必须是后面不用填充背景色的
用圆角矩形选框工具
在图上画一个圆角的矩形
转换成选区
然后反选
delete或者填充白色就可以了
就是这么简单啊