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.2transition: 100ms;变化时间,会花100ms达到1.2倍的效果
}




posted @   穿过雾的阴霾  阅读(436)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· AI 智能体引爆开源社区「GitHub 热点速览」
· 三行代码完成国际化适配,妙~啊~
· .NET Core 中如何实现缓存的预热?
点击右上角即可分享
微信分享提示