摘要：
<style> #div{ text-align: center; } .img{ width: 200px; clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%); transition: 1s clip-path; } .img:hover{ cli 阅读全文
posted @ 2022-03-07 15:15
最帅爸爸
阅读(97)
评论(0)
推荐(0)
摘要：
<style> body{ margin: 0; padding: 0px;}#carousel{ margin: auto; /* 居中 */ width: 600px; /* 设置宽度 */ position: relative; /* 相对定位 */ overflow: hidden; /* 阅读全文
posted @ 2022-03-07 15:09
最帅爸爸
阅读(267)
评论(0)
推荐(1)
摘要：
<style type="text/css"> .triangle{/* 三角形图片位置 */ background-image: url(img/traintop.png); width: 20px; height: 20px; background-position: center; posit 阅读全文
posted @ 2022-03-07 15:03
最帅爸爸
阅读(65)
评论(0)
推荐(0)
摘要：
CSS代码：<style> div{width:100px;height:100px;background:blue;transition: 0.5s;//0.5秒完成}div:hover{width:600px;}</style>HTML代码：<body> <div></div><p>请把鼠标指针 阅读全文
posted @ 2022-03-07 14:53
最帅爸爸
阅读(87)
评论(0)
推荐(0)
摘要：
<script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script> <style> canvas#live2dcanvas { border: 0 !important; }</s 阅读全文
posted @ 2022-03-07 11:44
最帅爸爸
阅读(69)
评论(0)
推荐(0)
摘要：
1).块状元素：(div,p,form,ul,ol,li) ，独占一行，默认情况width为100% 2).行内块状元素：(span,img,a)，不会独占一行，相邻的元素一直排在同一行，排满了才会换行，不受..top..bottom的影响 3).display:行内，块状元素设置 display: 阅读全文
posted @ 2022-03-07 11:10
最帅爸爸
阅读(100)
评论(0)
推荐(1)
浙公网安备 33010602011771号