博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
CSS:五环
阅读量:5755 次
发布时间:2019-06-18

本文共 274 字,大约阅读时间需要 1 分钟。

hot3.png

描述:用5个div写成imgs/奥运五环

思路:

  • (1)将五个div的边框设置为50%,成为圆形;
  • 再使用绝对定位将元素设置到不同的位置,(注意:设置定位的元素的left/top/right/bottom默认值是auto,不是0)
  • 再将每个元素下使用伪类添加一个相同属性的圆形
  • 再利用z-index属性对元素中间夹实现五环(注意:定位的元素z-index才有效)
    
circle

转载于:https://my.oschina.net/u/4045971/blog/3025758

你可能感兴趣的文章
iPhone开发面试题--葵花宝典
查看>>
EdbMails Convert EDB to PST
查看>>
POJ 2184
查看>>
大话 程序猿 眼里的 接口
查看>>
struts2用了哪几种模式
查看>>
replace函数结合正则表达式实现转化成驼峰与转化成连接字符串的方法
查看>>
ubuntu 初学常用命令
查看>>
WCF客户端与服务端通信简单入门教程
查看>>
判断是否含有中文
查看>>
android 资源种类及使用
查看>>
Explorer程序出错
查看>>
Centos7同时运行多个Tomcat
查看>>
使用CocoaPods过程中的几个问题
查看>>
我的友情链接
查看>>
mysql数据类型---数值型---int
查看>>
为eclipse安装maven插件
查看>>
公司新年第一次全员大会小记
查看>>
最懒的程序员
查看>>
JAVA8 Stream 浅析
查看>>
inner join on, left join on, right join on要详细点的介绍
查看>>