设置头像框为圆形，且图片填充头像框

对于要设置的头像代码为：

 <img class="header-img" src="" alt="找不到图片">

css样式代码为：

.header-img{float: left;border: black solid 1px;width: 70px;height: 70px;object-fit: cover;/*图片完全填充*//*object-position: center;*//*设置头像选取照片的哪个区域object-position: x y*/border-radius: 50%;/*头像框圆形设置*/
}

推荐两个css学习参考网站：

w3cschool
MDN
其中MDN是一个英文的，可以使用页面翻译。

设置头像框为圆形，且图片填充头像框相关推荐

python中组合框_如何从SQL填充组合框数据？使用Python
(图1)-这是我的简单程序的输出,假设它有5个下拉项来自数据库,但它只显示1个数据,这是数据库的最后一行被读取.在图1- (图2)-这是我用于loop的代码,我希望它循环通过它并显示来自db的每个数 ...
《Android开发卷——设置圆形头像,Android截取圆形图片》
在有一些程序开发中,有时候会用到圆形,截取一张图片的一部分圆形,作为头像或者其他. 本实例就是截图圆形,设置头像的. 首先讲解一些代码 <ImageView android:id=&q ...
iOS自定义裁剪区域，正方形圆形图片头像裁剪，仿QQ头像裁剪，圆形遮罩，矩型遮罩
最近项目中用到了自定义图片裁剪区域的图片裁剪功能,自己写了一个,可能有诸多不完善的地方,请大家指正. 支持任意区域裁剪,9:16裁剪.16:9裁剪.1:1裁剪.圆形裁剪等等,总之裁剪框的大小,裁剪框的 ...
java设置字体大小和颜色_Java 设置Excel图表背景填充（颜色、图片填充）
本文介绍通过Java程序来设置Excel图表背景填充的方法,填充时,可设置颜色填充或者加载图片填充:填充区域可设置整个图表区域或者绘图区域.设置方法参考以下内容. 使用工具:Free Spire.XL ...
java 后端使用 Graphics2D 制作海报，画echarts图，带工具类，各种细节：如头像切割成圆形，文字换行算法（完美实验success），解决画上文字、图片后不清晰问题
文章目录先看成品前言一.项目目录结构一.海报制作PosterUtil.java工具类 1. 描述 2. 代码二.测试生成海报 1. 描述 2. 直接上代码四.其他测试 1. Test1_C ...
不规则多边形填充_花一分钟看一个案例，PPT中图片填充形状的应用
先上图,有兴趣的朝下看,没有兴趣的立即关掉页面,把时间用在感兴趣的文章上面. 简单拆解一下幻灯片: 1. 两个用图片填充了的形状,其中一个三角形,一个梯形,梯形有一部分在PPT画面边界以外,所以显示在 ...
多边形区域填充算法_花一分钟看一个案例，PPT中图片填充形状的应用
先上图,有兴趣的朝下看,没有兴趣的立即关掉页面,把时间用在感兴趣的文章上面. 简单拆解一下幻灯片: 1. 两个用图片填充了的形状,其中一个三角形,一个梯形,梯形有一部分在PPT画面边界以外,所以显示在 ...
android 自定义圆形头像,android自定义圆形头像
这几天看了项目框架里面的圆形头像,发现其实这个东西并不是很难的东西,学会了原理,无论圆形头像,五角星头像都可以实现. 目前我上传的Demo里用了两种实现方式,那么我们分别来讲讲这两种实现方式: Bit ...
Android 圆形/圆角图片的方法
Android 圆形/圆角图片的方法眼下网上有非常多圆角图片的实例,Github上也有一些成熟的项目.之前做项目,为了稳定高效都是选用Github上的项目直接用.但这样的结束也是Android开发必 ...

设置头像框为圆形，且图片填充头像框

设置头像框为圆形，且图片填充头像框相关推荐

最新文章

热门文章