选项卡(八)

最新推荐文章于 2024-01-24 11:39:26 发布

原创最新推荐文章于 2024-01-24 11:39:26 发布 · 466 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#float #border

本文档通过一个具体的HTML页面实例介绍了如何使用HTML与CSS进行基本的网页布局和元素样式的设置。包括了div元素的运用、内联样式的设置、相对定位的应用等基础知识，并展示了不同元素间的排列组合方式。

<html> <head> <title></title>a <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <style> div{line-height:18px;} #sub{position:relative;height:25px;font-size:14px;} #sub span{float:left;margin-left:10px;background:#DDF1D8;border:solid #58CB64;border-width:1px 1px 0px;padding:4px 10px 2px 10px;font-weight:bold} #sub a{float:left;margin-left:10px;background:#FFFFFF;border:solid #D6D6EB;border-width:1px 1px 0px;padding:3px 10px 2px 10px;} #subline{position:relative;top:25px;height:1px;line-height:1px;background-color:#58CB64;font-size:0px} </style> </head> <body> <div id="subline"> </div> <div id="sub"> <span>已解决问题</span><a href="#">待解决问题</a><a href="#">投票中问题</a> </div> </body> </html>