分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

如何用html把文本框外观格式设为只显示底部的横线

发布时间:2023-09-06 02:13责任编辑:胡小海关键词:暂无标签

 html把文本框外观格式设为只显示底部的横线

<style>input[type=‘text‘]{background:none;border:none;border-bottom:1px solid #ddd;}//所有input框类型为text的.inp{background:none;border:none;border-bottom:1px solid #ddd;}</style><input type="number" value="" class="inp"/>

参考:https://zhidao.baidu.com/question/1242984244365752339.html

设置图片居中

<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<style> ???????*{ ???????????padding:0px; ???????????margin:0px; ???????????font-family:"微软雅黑"; ???????} ???????.homeback { ???????????width: 100%; ???????????height: 100%; ???????????position: fixed; ???????????top: 0px; ???????????left: 0px; ???????????right: 0px; ???????????margin-left: auto; ???????????margin-right: auto; ???????????z-index: -1; ???????} ???????.div2 { ???????????position: absolute; ???????????????} ???????@media screen and (max-width: 1100px) { /*当屏幕尺寸小于1100px时,应用下面的CSS样式*/ ???????????.icontype { ??????????width:40%;margin-top:20%;margin-left:30% ?????????} ??????????.grouptype { ??????????width:50%;margin-top:60%;margin-left:25% ?????????} ??????????????.checktype { ???????????????width: 35%; ???????????????margin-top: 90%; ???????????????margin-left: 58% ???????????} ???????????.searchtype { ???????????????width: 30%; ???????????????margin-top: 68%; ???????????????margin-left: 33% ???????????} ???????} ???????@media screen and (min-width: 1100px) { /*当屏幕尺寸大于1100px时,应用下面的CSS样式*/ ???????????.icontype { ???????????????width: 30%; ???????????????margin-top: 5%; ???????????????margin-left: 35% ???????????} ???????????.grouptype { ???????????????width: 30%; ???????????????margin-top: 25%; ???????????????margin-left: 35% ???????????} ???????????.checktype { ???????????????width: 20%; ???????????????margin-top: 40%; ???????????????margin-left: 58% ???????????} ???????????.searchtype { ???????????????width: 15%; ???????????????margin-top: 32%; ???????????????margin-left: 42% ???????????} ???????} ???????.input2{ ???????????border: none; ???????????background: none; ???????????border-bottom: solid 1px #0c0c0c; ???????} ???</style>
 ???????<img class="homeback" src="../Images/ECheck/背景拷贝.png" /> ???????<img class="div2 icontype" src="../Images/ECheck/icon.png" />

如何用html把文本框外观格式设为只显示底部的横线

原文地址:https://www.cnblogs.com/yingyigongzi/p/9600124.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved