为自己量身定做一个浏览器主页

本人比较喜欢简约的东西。现在的浏览器主页都花里胡哨的，还一大堆广告。然后在某个APP上受到启发，自己定制了一个浏览器主页。因为是纯HTML，所以不怎么灵活，要修改类目的时候需要改源码。个人觉得还蛮满意，和大家分享一下。下面是效果图：

因为代码很简单，就不多说了。下面是HTML代码：

    
    
    
    


    

        
Zack的私人网页导航
        

            

                
                

                    

                        <ul id="search">
                        
<li id="Google">
                        
<li id="Baidu">
                        
<li id="GitHub">
                        
<li id="Bing">
                        </ul>
                    
                
                
                

                    

                        <ul id="study">
                        
<li id="腾讯课堂">
                        
<li id="网易云课堂">
                        
<li id="网易公开课">
                        </ul>
                    
                
                
                

                    

                        <ul id="rest">
                        
<li id="Youku">
                        
<li id="YouTube">
                        </ul>
                    
                
                
                

                    

                        <ul id="shopping">
                        
<li id="TaoBao">
                        
<li id="TMALL">
                        
<li id="JD">
                        
<li id="suning">
                        </ul>
                    
                
                
                

                    

                        <ul id="tools">
                        
<li id="Android API">
                        
<li id="Amap">
                        
<li id="163mail">
                        </ul>
                    
                
            
        
    

这里说几个地方。为了体现个性，我把tab那里的图标改了。代码的话也就一句：

href就是图片的路径。

然后是CSS代码：

*{
    margin: 0px;
    padding: 0px;
}
ul{
    list-style: none
}
a{
    text-decoration: none;
    color: aqua;
}
#container{
    width: 100%;
    height: 750px;
    margin: auto 0;
    float: left;
    background-color: #000000;
}
#guide_title{
    padding-top: 100px;
    color: aqua;
    text-align: center;
    font-size: xx-large;
    font-family: monospace;
}
.title_list{
    width: 20%;
    display: block;
    float: left;
}
#guide_web{
    padding: 5%;
}
.guide_item_tag{
    color: lime;
    align-items: center;
}
.guide_item_name{
    color: coral;
}
.item_tag{
    color: blue;
}
.guide_item{
    display: block;
    margin-left: 10%;
    padding: 5%;
}

大家可以根据自己平时习惯修改类目。不过改起来还是挺麻烦的，哈哈。

然后修改为浏览器主页的话这里以谷歌浏览器为例说一下。点击浏览器左上角的三点，如图：

然后：设置->启动时->打开特定网页或一组网页->添加新网页。网站网址的话，可以先用浏览器打开那个网页，然后把搜索栏的网址复制下来填进去就好了。如下图：

然后就完成了。