使用html画爱心
2024-09-03 02:38:34
<!DOCTYPE html"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>网页</title> <style type="text/css"> /*存放元素的区域*/ html,body{ height:100%; } .content{/*存放元素的区域*/ position:relative; width:200px; height:200px; background-color: #368; margin:auto; } .love{ position:relative; width:200px; height:180px; background: silver; } .love .left{ position:absolute; left:32px; width:100px; height:150px; background: red; border-radius:50px 50px 0 0; /* 对应的长度 得出弧度*/ transform:rotate(-45deg);/*css3 形变,逆时针旋转45度*/ } .love .right{ position:absolute; left:68px; width:100px; height:150px; background: red; border-radius:50px 50px 0 0; /* 对应的长度 得出弧度*/ transform:rotate(45deg);/*css3 形变,逆时针旋转45度*/ } .love .left,.love .right{ } </style> </head> <body> <!-- --> <div class='content'> <div class='love'> <div class='left'></div> <div class='right'></div> </div> </div> </body> </html>
最新文章
- StackOverFlow排错翻译 - Python字符串替换: How do I replace everything between two strings without replacing the strings?
- 烂泥:ESXI开启SNMP服务
- 配置IIS,Apache,PHP过程中遇到的一些问题
- iOS开发的那些坑
- BZOJ4230: 倒计时
- robotframework笔记16
- NABC的特点分析
- Ubuntu开机时出现&;quot;没有正确安装GNOME电源管理器的默认配置
- CCS学习资料汇总
- [网络分析]WEBQQ3.0协议分析---good good study
- gdb调试相关
- request.getparam()与request.getAttibute()的区别
- html块级元素和内联元素区别详解
- AlloyTouch之select选择插件
- 性能测试——jmeter环境搭建,录制脚本,jmeter参数化CSV
- WireX:Android智能手机组成的DDoS僵尸网络
- 版本号对比 -- Python实现
- Python 学习笔记7 条件语句 If
- [ 中危 ] dp意见反馈处存储型XSS
- Go 安装 sqlite3驱动报错