css设置样式常用参数
.类名1{//设置背景
width: 100%;
height: 100%;
background-image: url("路径·");
background-size: 100% 100%;
user-select: none;让字体不能被选中
}
.类名2{//设置文本框
color: white;颜色
height: 6vh;高度,这里vh是高度百分比的意思,整个窗口是100%
width: 18vw;宽度,是宽度百分比的意思,整个窗口是100%
font-size: 4vh;字体大小
font-style: italic;斜体
text-align: center;字体居中
padding:2vh;内边距
background-color: rgba(39,21,28, 0.6);背景颜色,前三项是RGB,最后一项是透明度
border-radius: 10px;边缘圆滑程度,px是像素的意思
letter-spacing: 0.5vw;字与字之间的宽度
cursor: pointer;鼠标移动到文本时,变成小手
}
.类名2:hover {//当鼠标放在文本框时,文本框怎么变化
transform: scale(1.2);大小变成1.2倍
transition: 100ms;变化时间,会花100ms达到1.2倍的效果
}
有帮助的话可以点个赞,我会很开心的~
分类:
前端
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?