怎样用css写出圆形边框

怎样用css写出圆形边框,第1张

1、首先打开sublime text编辑器,新建一个html文件,里面写入一个p标签:

2、然后设置p标签的样式,这里先设置一个边框,然后设置圆角边框,主要使用CSS3属性border-radius属性定义圆角效果。其中的数值为参数length是浮点数和单位标识符组成的长度值,不可为负值,这里圆角的值越大,圆角的弧度也越大:

3、最后打开浏览器,就可以看到圆角边框了:

border-raduis:长度;可以实现你想要的效果;如果不明白具体意思的话,给你发个链接地址,你可以自己在线测试一下;下面有详细的扩展介绍,有助你以后碰到类似的问题的时候明白如何解决;
>

可以用PS修改。

1、在ps中打开需要裁剪成圆形的正方形。

2、在左侧工具栏中选择“椭圆选框工具”。

1、在ps中打开需要裁剪成圆形的正方形。

2、在左侧工具栏中选择“椭圆选框工具”。

3、按住shift键的同时拖动鼠标左键形成一个圆形选区。

4、按快捷键Ctrl+J键复制出圆形选区。

5、关闭背景图层以后,就可以看到圆形了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13372563.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-23
下一篇 2023-07-23

发表评论

登录后才能评论

评论列表(0条)

保存