博客zhu虎康

2021年8月10日

摘要：效果演示: 代码演示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Title</title> <style> #list li { list-style-type: none; width: 100 阅读全文

posted @ 2021-08-10 11:34 博客zhu虎康阅读(70) 评论(0) 推荐(0)

导航栏

摘要：效果演示：代码演示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Title</title> <style> #list li { list-style-type: none; width: 100 阅读全文

posted @ 2021-08-10 10:58 博客zhu虎康阅读(192) 评论(0) 推荐(0)

2021年8月9日

打造网页版「大白」

摘要：知识点： div 布局 CSS 相对定位 CSS 各种属性的应用效果演示：代码演示： baymax.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Baymax</title> <style> body { b 阅读全文

posted @ 2021-08-09 11:35 博客zhu虎康阅读(67) 评论(0) 推荐(0)

jQuery的排他思想

摘要：排他思想：当前元素设置样式，其余的兄弟元素清除样式。效果：源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdn.bootcs 阅读全文

posted @ 2021-08-09 10:06 博客zhu虎康阅读(150) 评论(0) 推荐(0)

2021年7月30日

盒子小游戏——定位

摘要：效果：源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> #box{ width: 300px; height: 300px; border: 2px sol 阅读全文

posted @ 2021-07-30 17:09 博客zhu虎康阅读(54) 评论(0) 推荐(0)

QQ会员页面导航

摘要：效果：代码：导航栏.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>QQ会员</title> <link rel="stylesheet" href="css/style2.css"> </he 阅读全文

posted @ 2021-07-30 14:58 博客zhu虎康阅读(331) 评论(0) 推荐(0)

设置圆角头像

摘要：效果：源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>(｡♥‿♥｡)圆角边框</title> <style> #div1{ width:100px; height: 100px; margin: 3 阅读全文

posted @ 2021-07-30 11:26 博客zhu虎康阅读(76) 评论(0) 推荐(0)

绘制圆的四分之一

摘要：效果展示：源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>(｡♥‿♥｡)圆角边框</title> <style> #div1{ width:100px; height: 100px; border: 阅读全文

posted @ 2021-07-30 11:04 博客zhu虎康阅读(386) 评论(0) 推荐(0)

用div绘制笑脸

摘要：效果展示：源码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>(｡♥‿♥｡)圆角边框</title> <style> #div1{ width:100px; height: 100px; border: 阅读全文

posted @ 2021-07-30 08:37 博客zhu虎康阅读(57) 评论(0) 推荐(0)

2021年7月29日

打印图案-菱形-升级版

摘要：实现效果：源码：实现效果按输入的行数进行显示菱形的上半部分代码实现 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=ed 阅读全文

posted @ 2021-07-29 17:47 博客zhu虎康阅读(111) 评论(0) 推荐(0)

公告