研磨 东莞网站建设,wordpress 跳转插件,建设网站项目概况,网络服务商包括目标效果
首先#xff0c;生成输入框#xff1a;
代码#xff1a; 结果#xff1a;
设置基本样式
包括#xff1a;去除边距、设置父盒子的宽度(如果不设置宽度#xff0c;会使用整个浏览器的宽度#xff09;、添加父盒子边框等
代码#xff1a;
*{margin: 0;pad…目标效果
首先生成输入框
代码 结果
设置基本样式
包括去除边距、设置父盒子的宽度(如果不设置宽度会使用整个浏览器的宽度、添加父盒子边框等
代码
*{margin: 0;padding: 0;
}#main{width: 250px;border: 1px solid #dcdcdc;
}结果
设置2个label标签的样式
code
#main label{flex:1;background-color: #f5f5f5;font-family: 楷体;text-align: center; /* 文本居中*/
}flex:1 即按照11的比例对剩余的空间进行放大或者缩小
结果
调整第二个label标签的样式
由于前面设置label标签为flex布局因此对第二个label标签进一步设置也只能用flex布局注意选中的是第三个元素
去除文本框的边框
点击文本框前 点击文本框后文本框内容框会有加粗的外框 如果不想要可以添加代码去掉