css 画太极:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #t2 { width: 300px; height: 600px; background: white; border:1px solid black; border-left: 300px solid black; border-radius: 300px; }
#t2::before{ content: ''; display: block; width: 100px;
height: 100px; border: 100px solid black; background: white; border-radius: 150px; margin-left: -150px; }
#t2::after { content: ''; display: block; width: 100px; height: 100px; border: 100px solid white; background: black; border-radius: 150px; margin-left: -150px; } </style> </head> <body> <div id="t2"></div> </body> </html>
相对定位与绝对定位
position: relative;
position:absolute;
css手册 -> 布局 -> overflow
<form action="提交到哪里去" method="提交方式post/get"></form>
去手册找表单 元素 type 写法;
★ 提高源自模仿 查询尽在手册