博客园签名档图片圆角美化

Posted j-c-y

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了博客园签名档图片圆角美化相关的知识,希望对你有一定的参考价值。

轮子(教程)1:https://www.cnblogs.com/keerdi/p/6141461.html

轮子2:https://www.cnblogs.com/derek1184405959/p/9018285.html

使用轮子1的方法添加照片后,想使用border-radius来将图片的边缘做成圆角,但实践证明在签名档处添加以下两句会被自动删除

border-radius: 20px;
background-size:500px;

后来结合轮子2里的办法搞定了,在页面定制CSS代码里添加以下代码:

#PSignature    //该处为轮子1代码里的ID号
border-radius: 20px;
background-size:500px;

今天从早上开始尝试美化博客,感谢各位大佬提供的轮子,可以拿来直接使用。这个过程中也初步了解了一下html语言。

其他美化教程贴:
https://www.cnblogs.com/baoyihan/p/blog-beautify.html

https://www.cnblogs.com/summertime-wu/p/9356736.html#_caption_0

以上是关于博客园签名档图片圆角美化的主要内容,如果未能解决你的问题,请参考以下文章

安卓怎么用美图秀秀将图片的四个角做成的圆角?

Android Shape自定义纯色圆角按钮

PorterDuffXfermode与圆角图片

PorterDuffXfermode与圆角图片

PorterDuffXfermode与圆角图片

PorterDuffXfermode与圆角图片