定制浏览器个人主页

浏览器的主页通常都是浏览器特定设置的主页,或者是某一特定的网页,那么我们能不能自己制作一个网页作为自己的特定首页呢?

答案是当然可以。这里以360浏览器为例,通常来说,360的浏览器的首页是这样的:

通常情况下,搜索框是我们用的最多的地方,其他地方都是我们用不到的地方,那么我们是否可以只留下搜索框,而不要其他的呢?当然是可以的。

那么接下来,我们就可以开始设计自己的浏览器首页了。只保留搜索框。涉及到的知识都很简单,即使什么都不会,1个小时也绝对可以搞定。先看一下设计的效果:

加下来就是源码了:

<html>
	<body>
	<meta charset='utf-8'>
	<title>PT</title>
	<sty type=“text/css”>
	<div> 
	    <p><font size="5" face="arial" color="blue">Eric的私人搜索页面</font></p>
	</div>
	<div class="form">
		<img src="logo.png" class='img'>
		<form action="https://www.baidu.com/s" method="get">
			<input type="text" name="wd" value='' style="width:545px;height:35px"></input>
			<input type="submit" value="搜索" class='btn'>
		</form>
	</div>
	<style type="text/css">
		.form{
			position: absolute;
			text-align: center;
			top: 35%;
			left: 35%;
			margin-top: 0px;
			margin-left: -100px;
      			font-family:"微软雅黑","黑体","宋体";
			}
		.btn{
 			
    			width: 54px;
                        height: 35px;
    			line-height: 32px;
    			background: none;
    			background-color: #38f;
    			font-size: 16px;
    			color: white;
    			box-shadow: none;
    			font-weight: normal;
		}
	</style>
	</body>
</html>

欢迎关注,获取更多实用技能

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值