HTML页面练习作业_仿谷歌输入框

原创2019-01-17 11:50:1179
摘要:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>GOOGLE</title><style type="text/css">.top{ text-align: center; margin-top: 153px;m

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>GOOGLE</title>

<style type="text/css">

.top{ text-align: center; margin-top: 153px;margin-bottom: 16px; }

img{width: 272px;height: 92px; border: 0}

input{ width: 560px;height: 42px;border-radius: 20px;border: 1px solid #ccc;background-color: #F1F3F4;font-family: 'Roboto',arial,sans-serif;color: #809FC8;padding-left: 10px; }

</style>

</head>

<body>

<div><img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"></div>

<div style="text-align: center;"><input type="text" name="" placeholder="在 Google 中搜索,或输入网址"></div>

</body>

</html>


批改老师:灭绝师太批改时间:2019-01-17 13:32:15
老师总结:完成的不错 , 下次作业可以附上完成图片!

发布手记

热门词条