css
关注
分享
扫一扫
Jedi Hongbin
hongbin.xyz meta.hongbin.xyz kmyc.hongbin.xyz
展开
-
css限制值的大小 取值在最大和最小之间
使用max 和 min来限制字符大小 最大不超过15px最小不低于12px。可恨的UC浏览器和QQ浏览器不兼容。两者配合即可将值限制在一个区间内。原创 2022-12-23 19:48:23 · 705 阅读 · 0 评论 -
bootstrap网上书店
【代码】bootstrap网上书店。原创 2022-09-10 12:57:30 · 556 阅读 · 0 评论 -
web应用开发 -- 课堂作业 个人简介
【代码】web应用开发 -- 课堂作业 个人简介。原创 2022-08-29 12:49:06 · 513 阅读 · 0 评论 -
给 svg加动画
给下载的svg文件中添加style原创 2022-06-04 09:04:10 · 710 阅读 · 0 评论 -
grid布局一行排列 右对齐
display: grid;grid-template-columns: repeat(5fr);grid-auto-flow: column;justify-content: flex-end;gap: 1vw;grid也可以使用justify-content属性 让元素右侧对齐还是flex 这种场景简单些原创 2022-05-31 14:06:57 · 1951 阅读 · 0 评论 -
grid布局 妙不可言
不再需要盒子嵌套了🎉<!DOCTYPE html><html lang="zn"><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"> <.原创 2022-05-22 17:41:32 · 172 阅读 · 0 评论 -
css改变hr的颜色，长度，宽度
hr本身具有border：1px，要该改变它的颜色，要先把它的border变为none，然后设置1px的高度，再设置background: #90EE90;，设置color不生效<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>hr...原创 2020-01-26 18:16:34 · 17108 阅读 · 0 评论 -
css3 transition box-shadow 变为inset 不生效
box-shadow 从 ouset 变到 inset 不会触发 transition 动画想要触发 可以设置多个阴影并且由对应变化后的inset样式如box-shadow: 0 0 0 3px #333, inset 5px 4px 9px 2px #423880, inset -4px -3px 11px 0px #7770c9;:hoverbox-shadow: 0 0 0 3px #333, inset 0 0 0 0 #423880, inset 0 0 0 0 #9c94f1原创 2022-05-01 00:05:32 · 1161 阅读 · 0 评论 -
css自定义字体
文章目录载入字体使用字体载入字体font-family:'字体名'src 字体文件地址例如：@font-face { font-family: 'al-Bold'; src: url(Alibaba-PuHuiTi-Bold.ttf);}@font-face { font-family: 'al-Medium'; src: url(Alibaba-PuHuiTi-Medium.ttf);}使用字体元素的font-family样式指定使用哪种字体.bl原创 2022-03-10 18:39:48 · 3124 阅读 · 2 评论 -
css 量产特效按钮
button { padding: 0.5rem; width: 8rem; border: none; border-radius: 0.5rem; background-color: #aaffaa52; white-space: nowrap; color: #049204; margin: 0.3rem; font-weight: bold; cursor: pointer; transition: all 0.原创 2022-02-10 16:12:12 · 188 阅读 · 0 评论