2026年6月26日
如何实现轮播效果图
摘要： <!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 安徒生的熊 阅读(1) 评论(0) 推荐(0)
弹性布局
摘要： 弹性布局 .box{ align-items:flex-start |flex-end | center | baseline |stretch; } 它可能取5个值。具体的对齐方式与交叉轴的方向有关，下面假设交叉轴从上到下。 • flex-start：交叉轴的起点对齐。 • flex-end：交叉 阅读全文
posted @ 2026-06-26 09:30 安徒生的熊 阅读(2) 评论(0) 推荐(0)
数组大小
摘要： 数组大小 !DOCTYPE html> ​ ​ </html 阅读全文
posted @ 2026-06-26 09:28 安徒生的熊 阅读(1) 评论(0) 推荐(0)
进入淘宝页面
摘要： 进入淘宝页面 !DOCTYPE html> ​ ​ 淘宝 ​ 单击 ​ </html 阅读全文
posted @ 2026-06-26 09:24 安徒生的熊 阅读(2) 评论(0) 推荐(0)
序号球 简单明了 直接入手
摘要： 序号球 !DOCTYPE html> 1 2 3 4 5 6 </html 阅读全文
posted @ 2026-06-26 09:21 安徒生的熊 阅读(0) 评论(0) 推荐(0)
使用boder-radius制作圆形
摘要： 使用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 安徒生的熊 阅读(0) 评论(0) 推荐(0)
2026年5月23日
制作亿贝网页
摘要： 制作亿贝网页 亿贝前端练习页面 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 安徒生的熊 阅读(10) 评论(0) 推荐(0)
相对定位 绝对定位
摘要： 相对定位 绝对定位 <!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 安徒生的熊 阅读(5) 评论(0) 推荐(0)
固定定位+锚记
摘要： 固定定位+锚记 顶部用 position: fixed 固定导航时，锚点跳转默认贴到视口顶端，内容被导航挡住。 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>固定定位+锚记</title> <style type="tex 阅读全文
posted @ 2026-05-23 13:58 安徒生的熊 阅读(7) 评论(0) 推荐(0)
DIV 布局页面（一学就会）
摘要： 布局页面 块元素（block） 独占一行，不能和别人并排 可以设置 宽、高、内外边距 宽度默认父元素100% 行内元素（inline） 不独占一行，和别人并排走 不能设置宽高，宽高由内容决定 上下内外边距无效 行内块元素（inline-block） 和别人并排（像行内） 可以设置宽高、边距（像块） 阅读全文
posted @ 2026-05-23 12:54 安徒生的熊 阅读(7) 评论(0) 推荐(0)
下一页