摘要：
解决代码 <style> .pro li{ list-style: none; width: 150px; height: 200px; float: left; border: 1px solid red; /*关键：给每个盒子加一个-1的位置，即向左移动1像素*/ margin-left: -1 阅读全文
摘要：
文档：https://www.w3school.com.cn/css/pr_pos_vertical-align.asp <style> .inline1 img{ width: 50px; height: 50px; border-radius:25px; /*vertical-align：bas 阅读全文
摘要：
三角写法： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>小三角 阅读全文
摘要：
一、基础使用字体图标 常用下载： https://icomoon.io/ 的ico的app即： https://icomoon.io/app/#/select 选择——创建——下载 https://www.iconfont.cn/ 二、下载下来的字体解压 把内部的fonts文件夹拿出来放入项目根目录 阅读全文
摘要：
<style> .f2{ width: 200px; height: 200px; background-color: red; /*第一步：设置定位为absolute*/ position: absolute; /*第二步：当前盒子的边：定位于，窗口正中，注意只是边定位于中心了*/ top:50% 阅读全文
摘要：
效果： <style> .f1{ /*设置版面宽度为800*/ width: 800px; height: 800px; background-color: skyblue; /*版面让左右自动实现居中*/ margin:0 auto; } .f2{ width: 100px; height: 20 阅读全文