html练习
关注
分享
扫一扫
日常练习
喵俺第一专栏
共同学习，共同进步，提高编程技能。另外，有好多优秀的项目练手哦，详细看第一个专栏，里面有很多可作为课设、毕业的项目，希望自己可以帮助到你哦！
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
新闻快报
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>新.原创 2022-02-13 23:08:28 · 125 阅读 · 0 评论 -
a标签新浪导航栏
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>新.原创 2022-02-13 23:05:47 · 115 阅读 · 0 评论 -
仿土豆网视频显示与隐藏
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2022-02-13 23:02:17 · 175 阅读 · 0 评论 -
a标签五彩导航栏
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.原创 2022-02-13 22:58:51 · 365 阅读 · 0 评论 -
a标签制作导航栏
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> a { display: block; /* 把a标签设置为块级元素 */ width: 200px; height: 40px; background-.原创 2022-02-13 22:55:22 · 618 阅读 · 0 评论 -
html字体图标设置
精灵技术： 为了有效减少服务器接收和发送请求的次数，提高页面的加载速度 精灵技术主要针对背景图片的使用，就是把多个小的背景图片整合到一张大图片中 1精灵图主要针对于小的背景图片的使用 2主要借助背景位置来实现background-position 3一般情况下精灵图都是负值 x轴右边走是正值 字体图标：iconfont 使用场景：主要用于显示网页中通用、常用的一些小图标 精灵图有缺点： 图片文件还是较大、图片本身方法和缩小会失真、一旦图片制作完完毕想要更换非常复杂 字体图标解决了上述问题原创 2022-01-21 21:16:09 · 2251 阅读 · 0 评论 -
html边框-设置盒子右上角突出的小三角形
每一个边框本质都是一个三角形，所以要设置一个三角形，边框3个边框设置成透明色，只让一个边框显示出颜色，就会显示三角形 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content=".原创 2022-01-21 21:09:09 · 1321 阅读 · 0 评论