1. 程式人生 > >瀏覽器個人主頁設定

瀏覽器個人主頁設定

瀏覽器的主頁通常都是瀏覽器特定設定的主頁,或者是某一特定的網頁,那麼我們能不能自己製作一個網頁作為自己的特定首頁呢?

答案是當然可以。這裡以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>