您的位置：首页 > Web前端 > CSS

表格边框样式

2009-08-04 09:54 253 查看

源代码：

<table style="border-right: #7ea7d9 1px solid; padding-right: 10px; border-top: #7ea7d9 1px solid; padding-left: 10px; padding-bottom: 10px; border-left: #7ea7d9 1px solid;
padding-top: 10px; border-bottom: #7ea7d9 1px solid">

</table>

<style type="text/css">
body{background:#eeeeee;}
.comment_obj{width:auto; height:25px; background:url(http://wordpress.betech.virginia.edu/images/comment-arrow.png) no-repeat bottom right; padding-right:16px; float:left; font-size:13px; position:relative; z-index:2; margin-bottom:-1px; color:#666666;}
.comment_content{width:500px; height:auto; background:#fffffc; border:1px solid #cc6633; clear:both; padding:10px 16px; font-size:13px; color:#454545;}
.text{ color:#0066AA; text-decoration:none;}
.text:hover{color:#FF2222; text-decoration:underline; background:#FFFFBB;}
</style>
</head>

<body>
<div class="comment_obj">
<a href="#" class="text">晓雨</a>回复了<a href="#" class="text">吉光</a>的评论：
</div>
<div class="comment_content">
O(∩_∩)O哈哈···你也来发发啊，啥时候偶们俩圈子联谊哈，呵呵···
</div>
</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航