摘要: 表格表单 期末复习1 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>表格表单</title> </head> <body> <form action=""> <table border="" cellspacing="" 阅读全文
posted @ 2026-07-07 08:33 安徒生的熊 阅读(16) 评论(0) 推荐(3)
摘要: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>轮播图</title> <style type="text/css"> div.content{ margin: 0 auto; width: 200px; } li{ float 阅读全文
posted @ 2026-06-26 09:32 安徒生的熊 阅读(9) 评论(0) 推荐(3)
摘要: 弹性布局 .box{ align-items:flex-start |flex-end | center | baseline |stretch; } 它可能取5个值。具体的对齐方式与交叉轴的方向有关,下面假设交叉轴从上到下。 • flex-start:交叉轴的起点对齐。 • flex-end:交叉 阅读全文
posted @ 2026-06-26 09:30 安徒生的熊 阅读(10) 评论(0) 推荐(3)
摘要: 数组大小 !DOCTYPE html> ​ ​ </html 阅读全文
posted @ 2026-06-26 09:28 安徒生的熊 阅读(9) 评论(0) 推荐(3)
摘要: 进入淘宝页面 !DOCTYPE html> ​ ​ 淘宝 ​ 单击 ​ </html 阅读全文
posted @ 2026-06-26 09:24 安徒生的熊 阅读(9) 评论(0) 推荐(2)
摘要: 序号球 !DOCTYPE html> 1 2 3 4 5 6 </html 阅读全文
posted @ 2026-06-26 09:21 安徒生的熊 阅读(7) 评论(0) 推荐(2)
摘要: 使用boder-radius制作圆形 !DOCTYPE html> 使用boder-redius制作圆形 ​ <body> <div class="circle">1</div> </body> 使用boder-redius制作圆形 y> 使用link转接外部链接 .circle{ width: 2 阅读全文
posted @ 2026-06-26 09:18 安徒生的熊 阅读(6) 评论(0) 推荐(2)
摘要: 制作亿贝网页 亿贝前端练习页面 html <``head> <``meta charset="utf-8" /> <title>亿贝首页</title> <link rel="stylesheet" type="text/css" href="css/style.css"/> </head> <bo 阅读全文
posted @ 2026-05-23 14:16 安徒生的熊 阅读(19) 评论(0) 推荐(2)
摘要: 相对定位 绝对定位 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>相对定位绝对定位</title> <style type="text/css"> .parent{ /*800*400,边框10像素红色,水平居中*/ ma 阅读全文
posted @ 2026-05-23 14:02 安徒生的熊 阅读(9) 评论(0) 推荐(0)
摘要: 固定定位+锚记 顶部用 position: fixed 固定导航时,锚点跳转默认贴到视口顶端,内容被导航挡住。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>固定定位+锚记</title> <style type="tex 阅读全文
posted @ 2026-05-23 13:58 安徒生的熊 阅读(15) 评论(0) 推荐(1)