62,271
社区成员
发帖
与我相关
我的任务
分享帮忙优化下DIV的样子，谢谢了！
我有个链接的DIV，如下
<div>
<strong>相关新闻：</strong><br />
<a target=_blank href=Default.aspx> <font color="#0066ff" size="5"> 我们要好好爆笑</font></a>
<br />
<a target=_blank href=Default.aspx> <font color="#0066ff" size="5"> 我们要好好爆笑</font></a>
<br />
<a target=_blank href=Default.aspx> <font color="#0066ff" size="5"> 我们要好好爆笑</font></a>
<br />
<a target=_blank href=Default.aspx> <font color="#0066ff" size="5"> 我们要好好爆笑</font></a>
<br />
<a target=_blank href=Default.aspx> <font color="#0066ff" size="5"> 我们要好好爆笑</font></a>
<br />
<a target=_blank href=Default.aspx> <font color="#0066ff" size="5"> 我们要好好爆笑</font></a>
</div>
但是这样子的太丑了，又因我本人对CSS 完全不会搞，现在有急需，所以望会的兄弟姐妹给我做下加工！值要稍微好看点就行！求帮啊
<div>
<strong>相关新闻：</strong><br />
<a target=_blank href=Default.aspx> <font color="#0066ff" size="5"> 我们要好好爆笑</font></a>
<br />
<a target=_blank href=Default.aspx> <font color="#0066ff" size="5"> 我们要好好爆笑</font></a>
<br />
<a target=_blank href=Default.aspx> <font color="#0066ff" size="5"> 我们要好好爆笑</font></a>
<br />
<a target=_blank href=Default.aspx> <font color="#0066ff" size="5"> 我们要好好爆笑</font></a>
<br />
<a target=_blank href=Default.aspx> <font color="#0066ff" size="5"> 我们要好好爆笑</font></a>
<br />
<a target=_blank href=Default.aspx> <font color="#0066ff" size="5"> 我们要好好爆笑</font></a>
</div>
但是这样子的太丑了，又因我本人对CSS 完全不会搞，现在有急需，所以望会的兄弟姐妹给我做下加工！值要稍微好看点就行！求帮啊
...全文
请发表友善的回复…
发表回复
种草德鲁伊 2010-10-22
- 打赏
- 举报
不符合整体的设计风格，单个列表弄的再好看又有什么用...
种草德鲁伊 2010-10-22
- 打赏
- 举报
样式就不帖了..
<div>
<h3>相关新闻</h3>
<ul>
<li><a>我们要好好爆笑</a></li>
<li><a>我们要好好爆笑</a></li>
<li><a>我们要好好爆笑</a></li>
<li><a>我们要好好爆笑</a></li>
</ul>
</div>
beyond_me21 2010-10-22
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
.news_list{
border:1px solid #ccc;
padding:0px;
margin:0px;
list-style-type:none;
}
.news_list dt{
margin:0px;
border-bottom:1px solid #ccc;
padding:2px 10px;
background:#EFEFEF;
}
.news_list dt h2{
line-height:20px;
padding:0px;
margin:0px;
overflow:hidden;
color:#333;
font-size:12px;
}
.news_list dd{
margin:4px 10px;
padding:2px 0px;
line-height:16px;
}
.news_list dd a{
font-size:12px;
color:#999;
text-decoration:none;
}
.news_list dd a:hover{
text-decoration:underline;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>
<dl class="news_list">
<dt><h2>相关新闻</h2></dt>
<dd><a href="#">我们要好好爆笑</a></dd>
<dd><a href="#">我们要好好爆笑</a></dd>
<dd><a href="#">我们要好好爆笑</a></dd>
<dd><a href="#">我们要好好爆笑</a></dd>
<dd><a href="#">我们要好好爆笑</a></dd>
</dl>
</body>
</html>
cherho0 2010-10-22
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
.leftside{width:240px; float:left; display:inline;}
.title{ width:230px; height:31px; line-height:31px; font-size:14px; color:#FFF; font-weight:bold; padding-left:15px;}
.leftside .content{ border:1px solid #ccc; border-top:0px; background:#f5f5f5; height:256px; overflow:hidden;}
.leftside .content h1{ width:213px; height:15px; margin:0px auto; margin-top:10px; line-height:15px;}
.leftside .content h1 strong{font-size:14px; font-weight:bold; color:#21639D; float:left; display:inline; margin-left:20px; padding-top:1px;}
.leftside .content h1 a{ float:right; display:block; padding-top:3px;}
.leftside .content ul{ width:213px; margin:0px auto; text-align:left; margin-top:10px;}
.leftside .content ul li{ line-height:22px; width:210px; overflow:hidden; white-space:nowrap;}
.leftside .content ul li a{ display:block; color:#414141; padding-left:15px;}
.leftside .content ul li a:hover{ color:#F60;}
</style>
</HEAD>
<BODY>
<div class="leftside">
<div class="title">
最新公告</div>
<div class="content">
<ul>
<li> <a href="default.aspx">我们要好好爆笑</a> </li>
<li><a href="default.aspx">我们要好好爆笑</a></li>
<li><a href="default.aspx">我们要好好爆笑</a></li>
<li><a href="default.aspx">我们要好好爆笑</a></li>
<li><a href="default.aspx">我们要好好爆笑</a></li>
<li><a href="default.aspx">我们要好好爆笑</a></li>
</ul>
</div>
</div>
</BODY>
</HTML>
cherho0 2010-10-22
- 打赏
- 举报
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
.leftside{width:240px; float:left; display:inline;}
.title{ width:230px; height:31px; line-height:31px; font-size:14px; color:#FFF; font-weight:bold; padding-left:15px;}
.leftside .content{ border:1px solid #ccc; border-top:0px; background:#f5f5f5; height:256px; overflow:hidden;}
.leftside .content h1{ width:213px; height:15px; margin:0px auto; margin-top:10px; line-height:15px;}
.leftside .content h1 strong{font-size:14px; font-weight:bold; color:#21639D; float:left; display:inline; margin-left:20px; padding-top:1px;}
.leftside .content h1 a{ float:right; display:block; padding-top:3px;}
.leftside .content ul{ width:213px; margin:0px auto; text-align:left; margin-top:10px;}
.leftside .content ul li{ line-height:22px; width:210px; overflow:hidden; white-space:nowrap;}
.leftside .content ul li a{ display:block; color:#414141; padding-left:15px;}
.leftside .content ul li a:hover{ color:#F60;}
</style>
</HEAD>
<BODY>
<div class="leftside">
<div class="title">
最新公告</div>
<div class="content">
<ul>
<li> <a href="default.aspx">我们要好好爆笑</a> </li>
<li><a href="default.aspx">我们要好好爆笑</a></li>
<li><a href="default.aspx">我们要好好爆笑</a></li>
<li><a href="default.aspx">我们要好好爆笑</a></li>
<li><a href="default.aspx">我们要好好爆笑</a></li>
<li><a href="default.aspx">我们要好好爆笑</a></li>
</ul>
</div>
</div>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<style>
.leftside{width:240px; float:left; display:inline;}
.title{ width:230px; height:31px; line-height:31px; font-size:14px; color:#FFF; font-weight:bold; padding-left:15px;}
.leftside .content{ border:1px solid #ccc; border-top:0px; background:#f5f5f5; height:256px; overflow:hidden;}
.leftside .content h1{ width:213px; height:15px; margin:0px auto; margin-top:10px; line-height:15px;}
.leftside .content h1 strong{font-size:14px; font-weight:bold; color:#21639D; float:left; display:inline; margin-left:20px; padding-top:1px;}
.leftside .content h1 a{ float:right; display:block; padding-top:3px;}
.leftside .content ul{ width:213px; margin:0px auto; text-align:left; margin-top:10px;}
.leftside .content ul li{ line-height:22px; width:210px; overflow:hidden; white-space:nowrap;}
.leftside .content ul li a{ display:block; color:#414141; padding-left:15px;}
.leftside .content ul li a:hover{ color:#F60;}
</style>
</HEAD>
<BODY>
<div class="leftside">
<div class="title">
最新公告</div>
<div class="content">
<ul>
<li> <a href="default.aspx">我们要好好爆笑</a> </li>
<li><a href="default.aspx">我们要好好爆笑</a></li>
<li><a href="default.aspx">我们要好好爆笑</a></li>
<li><a href="default.aspx">我们要好好爆笑</a></li>
<li><a href="default.aspx">我们要好好爆笑</a></li>
<li><a href="default.aspx">我们要好好爆笑</a></li>
</ul>
</div>
</div>
</BODY>
</HTML>
wo554006164 2010-10-22
- 打赏
- 举报
<html>
<head>
<style type="text/css">
.div1{
font-size:12px;
}
.div1 div{
font-weight:bold;
}
.div1 a{
color:#555555;
text-decoration:none;
}
.div1 a:hover{
color:blue;
text-decoration:underline;
}
</style>
<base target="_blank">
</head>
<body>
<div class="div1">
<div>相关新闻</div>
<a href="default.aspx">我们要好好爆笑</a>
<a href="default.aspx">我们要好好爆笑</a>
<a href="default.aspx">我们要好好爆笑</a>
<a href="default.aspx">我们要好好爆笑</a>
<a href="default.aspx">我们要好好爆笑</a>
<a href="default.aspx">我们要好好爆笑</a>
</div>
</body>
罗纳尔迪尼奥 2010-10-22
- 打赏
- 举报
<style type="text/css">
#Test{ line-height:22px;}
#Test a{ color:#333; font-size:12px;}
#Test a:hover{color:#FF6600;}
#Test strong{ font-size:14px;}
</style>
<div id="Test">
<strong>相关新闻：</strong><br />
<a target=_blank href=Default.aspx> 我们要好好爆笑</a>
<br />
<a target=_blank href=Default.aspx> 我们要好好爆笑</a>
<br />
<a target=_blank href=Default.aspx> 我们要好好爆笑</a>
<br />
<a target=_blank href=Default.aspx> 我们要好好爆笑</a>
<br />
<a target=_blank href=Default.aspx> 我们要好好爆笑</a>
<br />
<a target=_blank href=Default.aspx> 我们要好好爆笑</a>
</div>
#Test{ line-height:22px;}
#Test a{ color:#333; font-size:12px;}
#Test a:hover{color:#FF6600;}
#Test strong{ font-size:14px;}
</style>
<div id="Test">
<strong>相关新闻：</strong><br />
<a target=_blank href=Default.aspx> 我们要好好爆笑</a>
<br />
<a target=_blank href=Default.aspx> 我们要好好爆笑</a>
<br />
<a target=_blank href=Default.aspx> 我们要好好爆笑</a>
<br />
<a target=_blank href=Default.aspx> 我们要好好爆笑</a>
<br />
<a target=_blank href=Default.aspx> 我们要好好爆笑</a>
<br />
<a target=_blank href=Default.aspx> 我们要好好爆笑</a>
</div>
