帮忙优化下DIV的样子，谢谢了！

l_vsm 2010-10-22 10:00:38
我有个链接的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 完全不会搞，现在有急需，所以望会的兄弟姐妹给我做下加工！值要稍微好看点就行！求帮啊
...全文
83 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
种草德鲁伊 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>
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>
div animate 结束后移除class_【译】停止滥用div!HTML语义化介绍
博客指出DIV标签存在可访问性、可读性和一致性等问题，介绍了HTML5引入的标准化语义元素。包括主要结构元素如页眉、页脚、主要内容区域，以及内容指标元素如文章、导航、联系信息等，展示了这些元素对提升页面可读性、可访问性和搜索引擎优化的作用。
别再找 div 了！HarmonyOS 组件就是你的新积木
本文面向React开发者，系统讲解HarmonyOS ArkTS如何用Column、Row、Stack、Text、Image等原生声明式UI组件替代HTML的div+CSS布局模式。涵盖核心组件对应关系、四大布局痛点解决方案、五大高频错误规避（如未设尺寸、状态未绑定、样式写法错误等），并强调组件即功能集成体的设计理念，助力快速完成React到ArkTS的思维迁移。
DIV+CSS小结
本文深入探讨网页布局优化方法与CSS高级应用，包括ul列表样式、img元素优化、overflow与float元素使用、DIV样式调整、CSS层叠样式表、DTD验证、float元素规范与清除技巧、单位选择与Position布局策略，以及代码示例解析。
浅谈table布局和div布局的区别
本文对比了Table布局和Div+CSS布局的特性。Table布局因加载慢、结构混乱及不兼容现代网页需求而逐渐被淘汰，但其易上手和良好的浏览器兼容性仍有优势。而Div+CSS布局则以更快的加载速度、结构清晰、节省资源和搜索引擎友好性受到青睐，但需要更高的开发技术。理解这两种布局方式的区别有助于提升网页开发的效率和用户体验。
html form中多个div,在react里最多只能有几个div
在React中，以往为了满足每个组件必须有一个根节点的要求，通常会在render方法中使用多余的div包裹内容。然而，从React 16开始，引入了Fragments，使得可以避免这种冗余。Fragments作为一个不可见的包裹元素，可以用来替代无意义的div，提升代码的整洁性。此外，Fragments还有简写形式`<>...<>`，但并非所有前端工具都完全支持。本文介绍了如何利用Fragments优化React组件的渲染，提高代码质量。
.NET社区

62,272

社区成员

668,969

社区内容

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见，支持健康理性的辩论和互动，反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧

+ 用AI写文章