写一个简单的输入框

来源:互联网 发布:js动态显示隐藏div 编辑:程序博客网 时间:2024/05/16 11:27

lianxi1.html

<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><link rel="stylesheet" type="text/css" href="../css/lianxi1.css"/></head><body><div class="res"><form action="#" method="get"><input type="text" class="t1" /><input type="submit" value="搜索" class="s1" /></form></div></body></html>

lianxi1.css

@charset "utf-8";.res{border: 1px solid blue;height: 72px;width: 434px;}.t1{height:  36px;width: 300px;margin-top: 16px;margin-left: 16px;font-size: 21px;}.s1{display: block;float: right;margin-right: 25px;margin-top: 16px;height: 42px;width: 72px;background-color: #0000FF;color: white;font-size: 18px;border-radius: 10px;border: hidden;}



0 0
原创粉丝点击