css 制作圆角、圆形图形布局
2024-08-20 07:26:56
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>定位练习1</title>
<style type="text/css">
.con{
width:100px;
height:100px;
background-color:gold;
margin:50px auto 0; position:relative;
border-radius:14px; /* 角是圆的 */
} .box{
width:28px;
height:28px;
background-color:red;
color:#fff;
text-align: center;
line-height:28px; position:absolute;
left:86px;
top:-14px; border-radius:14px; /* 圆形 */
}
</style>
</head>
<body>
<div class="con">
<div class="box">5</div>
</div>
</body>
</html>
页面效果:
最新文章
- js报错: Uncaught RangeError: Invalid string length
- sDashboard:简单的,轻量级的 jQuery 仪表板插件
- 2016";百度之星"; - 初赛(Astar Round2A)Gym Class(拓扑排序)
- JMeter学习-007-JMeter 断言实例之一 - 响应断言
- Ruby-调用windows窗体
- overlay-2
- 【欧拉定理】计算(a^(b^c))%1000000007
- leetcode第一刷_Triangle
- Change Fragment layout on orientation change
- 关于.NET异常处理的思考(上)
- DEDECMS模板中dede标签使用php和if判断语句的方法
- NuGet的使用、部署、搭建私有服务
- 基于Dubbo的http自动测试工具分享
- MySQL保留字不能作为字段名使用
- eclipse不支持sun.*包的问题处理
- 通过url动态获取图片大小方法总结
- Boostrap本地导入js文件
- spring cloud 加入配置中心后的 部分 配置文件优先级
- python 判断 txt 编码方式
- bzoj2026: [SHOI2009]Coin