博客样式

<style><!--
.content {
background-color: #8BF;
margin: 3px;
display:inline-block;
padding: 5px;
color: black;
font-size: 16px;
font-weight: 600;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.content .width99,.content .content_title {
padding: 3px;
border: 0px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.width98{
width: 98%;
}
.width99{
width: 99.6%;
display:block;
background-color: #eec860;

}
.content .content_title{
background-color: #FC9;
color:black;
}
--></style>
<p class="content width98"><span class="width99">一、新闻客户端布局代码</span></p>
<p class="content"><span class="content_title">1.1werwe</span></p>
<p>&nbsp;</p>
<p class="content width98"><span class="width99">一、新闻客户端布局代码</span></p>
<p class="content"><span class="content_title">1.1werwe</span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>

 

-----------样式2----------------

<style><!--
.content{
font-weight:700;
}
.content .width99,.content .content_title {
padding: 3px;
border: 0px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
margin-left:15px;
}

.width99{
display:block;
background-color: #eec860;
color:#cc0000;

}
.content .content_title{
background-color: #FC9;
color:#ff7700;
font-weight:550;
}
.paddingleft50{
margin-left:50px;
background-color: #fff;
margin-left:35px;
}
--></style>
<p class="content"><span class="width99">一、新闻客户端布局代码</span></p>
<p class="content paddingleft50"><span class="content_title">1.1 代码呢</span></p>
<p>&nbsp;</p>
<p class="content"><span class="width99">一、新闻客户端布局代码</span></p>
<p class="content paddingleft50"><span class="content_title">1.1werwe</span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>

 

-----------------

<style><!--
.content{
font-weight:700;
}
.content .width99,.content .content_title {

border: 0px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
margin-left:15px;
}

.width99{
background-color: #eec860;
color:#cc0000;
padding:2px 10px;
font-size:18px;
}
.content_title{
background-color: #FC9;
color:#ff7700;
font-weight:550;
padding:2px 10px;
font-size:16px;
}
.paddingleft50{
margin-left:16px;
background-color: #fff;

}
--></style>
<p class="content"><span class="width99">一、新闻客户端布局代码</span></p>
<p class="content paddingleft50"><span class="content_title">1.1 代码呢</span></p>
<p>&nbsp;</p>
<p class="content"><span class="width99">一、新闻客户端布局代码</span></p>
<p class="content paddingleft50"><span class="content_title">1.1werwe</span></p>
<p>&nbsp;</p>
<p>&nbsp;</p>

转载于:https://www.cnblogs.com/lbangel/p/3532139.html