今天，我想和大家分享一个模仿新浪微博的个人信息代码。把它放在博客边栏作为博主的基本信息介绍，这是相当匹配的。你可以看看我的博客主页。事实上，这个代码呢？…o(*￣︶￣*)o，(⊙o⊙)…好吧，不要胡说八道，直接去代码，效果图如下:
一、HTML代码
这个网站已经陪同博主了天
百度贵阳营销中心网络营销顾问咨询顾问...
坐标：六盘水市 高校：贵州民族大学 工作：百度贵阳营销中心： 情感：单身 Q Q： 47202 微博： /512378865
二、CSS样式
.PCD_person_info .verify_area { padding: 16px 16px 10px 16px; border-bottom-style: solid; border-bottom-width: 1px;}.S_line2 { border-color: #f2f2f5;}.PCD_person_info .verify_area .verify { margin-bottom: 7px;}.PCD_person_info .verify_area .verify .icon_bed { margin: 0 10px 0 0;}.W_fl { float: left;}.W_fl .be-iconfontzhizuobiaozhun023114{ font-size:30px !important; color:#f49800; line-height: 150%;}.W_fl .renqi{ font-size:16px !important; color: #ff8a00; line-height: 250%;}.PCD_person_info .verify_area .icon_group { padding-left: 10px; line-height: 30%; border-left-style: solid; border-left-width: 1px;}.S_line1, .W_btn_prev, .W_btn_next, .W_btn_b { border-color: #d9d9d9;}.PCD_person_info .verify_area .icon_group .W_icon_level{ margin: 0 10px 0 0; vertical-align: middle;}.W_icon_level.icon_level_c5 { background-color: #d60000;}.W_icon_level { width: 25px; line-height: 14px; text-align: center; display: inline-block; background: #a4a4a4; border-radius: 8px; margin: 0 0 0 3px; padding: 0 5px 0 3px;}.PCD_person_info .verify_area .info { line-height: 18px;}.WB_innerwrap { padding: 5px;}.PCD_person_info .detail { margin: -10px 0 -8px; overflow: hidden;}.PCD_person_info .ul_detail { margin-bottom: -1px;}.PCD_person_info .ul_detail .item { padding: 7px 0 5px 0; border-bottom-style: solid; border-bottom-width: 1px; line-height: 18px;}.S_line2 { border-color: #f2f2f5;}.PCD_person_info .ul_detail .item_ico { width: 25px;}.W_fl { float: left;}.PCD_person_info .ul_detail .item_text { width: 243px; margin-top: 1px; word-wrap: break-word;}
如果不是Wordpress请在使用前找到并删除以下代码。
如果觉得《分享博主简介代码 仿新浪微博》对你有帮助，请点赞、收藏，并留下你的观点哦！
