简要博客园制作

"en">

    "UTF-8">
    
    "stylesheet" href="blog.css">



    
class = "blog-left" >
        
class = "blog-avator">
            "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.zhimg.com%2F50%2Fv2-5eb2cc0689065b097d1f57860c6f7e60_hd.jpg&refer=http%3A%2F%2Fpic1.zhimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656140006&t=18e31a28254fc0dde0f36269873a8df5" alt="">
        
        
class = "blog-title">
            
老司机的博客
        
        
class = "blog-info">
            
该司机飞了，什么都没有留下
        
        
class = “blog-link”>
            

                
"">关于我
                
"">微博
                
"">微信公众号
            
        
        
class="blog-tag">
            

                
"">#Python
                
"">#Java
                
"">#Golang
            
        
    
    
class= "blog-right" >
        
class = "article">
            
class = "article-tittle">
                class =titile>论开车的重要性
                class = data>2020/5/14
            
            
class = article-body>
                
Janson老师！
            
            
class = article-bottom>
                #Python  #JavaScript
            
        
         
class = "article">
            
class = "article-tittle">
                class =titile>论开车的重要性
                class = data>2020/5/14
            
            
class = article-body>
                
Janson老师！
            
            
class = article-bottom>
                #Python  #JavaScript
            
        
         
class = "article">
            
class = "article-tittle">
                class =titile>论开车的重要性
                class = data>2020/5/14
            
            
class = article-body>
                
Janson老师！
            
            
class = article-bottom>
                #Python  #JavaScript
            
        
         
class = "article">
            
class = "article-tittle">
                class =titile>论开车的重要性
                class = data>2020/5/14
            
            
class = article-body>
                
Janson老师！
            
            
class = article-bottom>
                #Python  #JavaScript
            
        
         
class = "article">
            
class = "article-tittle">
                class =titile>论开车的重要性
                class = data>2020/5/14
            
            
class = article-body>
                
Janson老师！
            
            
class = article-bottom>
                #Python  #JavaScript
            
        
    

css:
/*博客园首页样式文件*/
/*通用样式*/
body{
    margin: 0;
    background-color: #eeeeee;
}
a{
    text-decoration: None;
}

ul{
    list-style: none;
    padding-left: 0;
}

/*左侧从样式*/

.blog-left{
    float:left;
    width: 20%;
    height: 100%;
    position: fixed;
    background-color: #4e4e4e;
}
.blog-avator{
    width: 200px;
    height: 200px;
    border-radius: 50%;
    border: 5px solid white;
    margin: 20px auto;
    overflow: hidden;
}

.blog-avator img{
    max-width: 100%;
}

.blog-title,.blog-info{
    color: darkgrey;
    font-size: 18px;
    text-align: center;
}
.“blog-link”,.blog-tag{
    font-size: 24px;
}
.“blog-link” a,.blog-tag a{
    color: darkgrey;
}
.“blog-link” a:hover,.blog-tag a:hover{
    color: white;
}
    ul{
        text-align: center;
        margin-top:60px;
    }
/*右侧样式*/
.blog-right{
    float:right;
    width: 80%;
    height: 100%;
}

.article{
    background-color: white;
    margin: 20px 40px 10px 10px;
    box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.5);
}
.titile{
    font-size: 36px;
    font-family: KaiTi;
}
.data{
    float: right;
    margin:20px ;
    font-weight:bolder ;
}
.article-tittle{
    border-left: 5px solid red;
    text-indent: 1em;
}
.article-body{
    font-size: 20px;
    text-indent: 39px;
    border-bottom: 1px solid black;
}
.article-bottom{
    padding: 10px 39px;
    font-size: 20px;

}