这样的网页样式怎么做?DIV+CSS w3c标准

来源:百度知道 编辑:UC知道 时间:2024/06/18 08:50:44
如图,这是我网页的一部分的示意图,图片位置我想放网站logo,文字1为辅助导航条,文字2为主导航条,文字2为10个字,文字1为20个字
大体按照图片所示的样式,用div+css实现,尽量不用table,如何实现?
代码请符合规范,谢谢

安装你的图,代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题 1</title>
<style type="text/css">
div{
border:1px solid gray;
}
.style1 {
font-size: x-large;
}

</style>
</head>

<body>
<div style="width:970px;height:300px;border:0">
<div style="float:left;width:560px; height: 70px;" class="style1">图片</div>
<div style=&qu