为了账号安全,请及时绑定邮箱和手机立即绑定

怎样实现这样的边框?

http://img1.sycdn.imooc.com//57bfb4e700010a4401190137.jpg如图。我想到的唯一办法就是把修改那个头像加一圈白色背景色,然后在修改的头像基础上再加黑色边框。但难道没有办法直接给一个图片加一圈这样的边框吗?假如直接用border:1px solid red;(用红色是为了看得清..),效果是这样:http://img1.sycdn.imooc.com//57bfb5e80001619a00810082.jpg.求指点啊。:-D

正在回答

1 回答

把图片转换成块级元素,给一个padding再给border不就行了。

0 回复 有任何疑惑可以回复我~
#1

叶靖晴 提问者

哦!懂了,谢谢。不过img是块级-内联元素,不需要转换了。谢谢~
2016-09-03 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
网页简单布局之结构与表现原则
  • 参与学习       108319    人
  • 解答问题       375    个

入门必杀技之结构与表现相分离,课程会有3个案例,不同角度讲解

进入课程

怎样实现这样的边框?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信