6个回答
展开全部
效果图如下:
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<橘档芦title>Document</title>
<style type="text/css">
*{margin:0;padding:0;}
.content{margin:100px auto;width:360px;height:100px;border-bottom:1px solid #cccccc;}
.text{width:360px;height:80px;border-left:5px solid #EEEEEE;}
.content h1{padding-left:15px;color:#928C8E;font:normal 18px/30px "Microsoft YaHei";}
.content h2,.content h3{padding-left:15px;color:#928C8E;display:inline-block;font-weight:normal;font-style:normal;font-size:14px;font-family:"Microsoft YaHei";}
.content h3{width:40px;height:30px;color:#ffffff;border-radius:5px;background:#bfbfbf;vertical-align:middle;}
</style>
</head>
<body>
<蠢族div class="content">
<div class="text">
<h1>I eat ice cream</h1>
<h2>——Anonymous<h2> <h3>圆带sex</h3>
</div>
</div>
</body>
</html>
2014-01-21
展开全部
<div class="divspace">以上就是这个李岁的样式了,希望有问乎拿题采纳后追加提问
<div class="headertext">i eat ice cream </div>
<div class="texthor" >--Anonymous<span>sex<哪顷睁/span></div>
</div>
//以下是内容啦
.divspace{border-left:2px solid #858585;position:relative;}
. headertext{font-size:14px;color:#fefefe;display:block}
.texthor{font-size:10px;color:#888888;}
.texthor span{background:#858585;padding:4px5 px;color:#fff;}
追问
没效果啊?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
无图片,css样式控制。拆拿
里面的圆角的话旅胡搭只做指支持主流浏览器,id6,7,8显示方角。
有其他问题再追问或者私信我。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<div class="divspace">
<div class="headertext">梁凯埋i eat ice cream </div>
<div class="texthor" >--Anonymous<span>sex</span>孙改</div>
</div>
<style type="text/css">
.divspace{border-left:2px solid #858585;position:relative;}
. headertext{font-size:14px;color:#fefefe;display:block}
.texthor{font-size:10px;color:#888888;}
.texthor 橡蚂span{background:#858585;padding:4px5 px;color:#fff;}
</style>
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
demo文件掘手橘在附件薯笑里判团
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询