标签：1.2 样式 100% 文本框 参数 类名 background font 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倍的效果
}

标签：1.2,样式,100%,文本框,参数,类名,background,font,css
来源： https://www.cnblogs.com/tangxibomb/p/16492273.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。