css 圆形头像
2024-10-12 18:39:13
方法一:背景图片(推荐) 好处是,图片长宽不等的情况下图片不会变形
.ui-photo {
width: 100px;
height: 100px;
background: url("img/test.jpg") no-repeat;
background-position: center;
background-size: 100px;
border-radius: 50%;
}
<div class="ui-photo"></div>
效果:
方法二:img标签
.ui-photo1 img{
width: 100px;
height: 100px;
border-radius: 50%;
}
<div class="ui-photo1">
<img src="img/test.jpg"/>
</div>
效果:
最新文章
- 怎样给Myeclipse配置tomcat服务器
- 稳定的奶牛分配 && 二分图多重匹配+二分答案
- rsa加密--选择padding模式需要注意的问题。。。
- 计算机术语install和setup的区别
- psp开发------汉化插件
- 那些著名或非著名的iOS面试题－前编
- web工程调用hadoop集群1.2
- 禁掉a链接的几种方法
- mongodb 2.6.6 在window10下的安装
- Unix/Linux环境C编程入门教程(1) Solaris 11 64bit环境搭建
- MVC 之下载 我的实践
- set集合容器
- SQL server数据库备份还原问题备忘（亲测有效）
- .Net Core 2.0+ InfluxDB+Grafana+App Metrics 实现跨平台的实时性能监控
- hdu 4031 attack 线段树区间更新
- python3 分布式爬虫
- 开源顶级持久层框架——mybatis（ibatis）——day01
- 第二十一节:ADO层次上的海量数据处理方案(SqlBulkCopy类插入和更新)
- 查看python脚本的运行pid,让python脚本后台运行
- Charles 模拟服务器挂掉Rewrite tools