html5 css编写个人博客界面 -凯发k8官方网

刚入门html和css，花了一天入门基础，第二天花了五六个小时完成老师布置的作业——个人博客界面，初学者可以进行参考编写。

注：里面的链接都不能点击
废话少说，看结果：

 

 参考代码：

microbloy.html

bloy.css

#page-container{width: 760px;margin: auto;background: ;; } #main-nav{background: #87ceeb;height: 50px; } #header{text-align: center; height: 400px; } #pic2{width: 350px;height: 140px;text-indent: 0%; } #pic{float:right;width: 350px;height: 120px; } #indrouce{ padding-top: 15px;background: powderblue;height: 200px;width: 110px;margin-left: 60px; } #content{width: 500px;float: right; } #content2{height: 230px;width: 250px; } #content1{height: 230px; } b1{font: arial;text-align: left;font-size: 14px; } b2{font-size: 6px;line-height:1px; } #content3{font-size: 12px;float: right;width: 250px;height: 230px; } #sidebar-a{ font-size: 12px;height:120px; } h2{float: right;margin-right: 2px;padding: 1px; }h1{text-align: left;font-family:arial;font-size: 12px;color: #666666;margin: 0;padding: 0; } #footer{font-size: 10px;clear: both;background:#f0f0f0;height: 40px;border-top: 10px;text-align: center;padding: 13px 25px; }

总结

以上是凯发k8官方网为你收集整理的html5 css编写个人博客界面的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。