爱学习的小菜鸡

欢迎各位朋友关注并点赞

导航

2024年12月3日

时钟案例

摘要： 制作一个运行的时钟，素材如下，可右击鼠标下载。 钟盘：时针：分针： 秒针： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0; paddin 阅读全文

posted @ 2024-12-03 14:24 一定W 阅读(18) 评论(0) 推荐(0)

放假倒计时

摘要： 练习放假倒计时，理解date及定时器的使用。效果如下图： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> #time{ font-size: 40px; color: red 阅读全文

posted @ 2024-12-03 11:12 一定W 阅读(62) 评论(0) 推荐(0)

九宫格布局

摘要： 制作一个类似九宫格一样的网页布局，适合照片或电影展示等，效果如下图： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin: 0; padding: 0; li 阅读全文

posted @ 2024-12-03 08:38 一定W 阅读(19) 评论(0) 推荐(0)