圆角边框
4个角
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 左上 右上 右下 左下,顺时针方向 --> <!-- 圆角: 圆角 = 半径! --> <style> div{ width: 100px; height: 100px; border: 10px solid red; border-radius: 30px 60px; } </style> </head> <body> <div></div> </body> </html>
圆形
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div{ width: 100px; height: 50px; background: #FF2525; border-radius: 50px 50px 0px 0px; } img{ border-radius: 25px; } </style> </head> <body> <div></div> <img src="images/img.png" alt="头像"> </body> </html>
我的一生
第1章-废物的一生
第50章-糟糕的婴儿
第300章-莫欺少年穷
第600章-莫欺中年穷
第1000章-莫欺老年穷
第1100章-不详的离去
第1101章-棺材板的震动
第1150章-盗墓贼的眼泪
第1200章-死者为大