效果:
在这里插入图片描述
代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<table class="main" border="1px" align="center">
<tr>
<td class="c1">
<a href="">设为首页|</a><a href="">收藏此页</a>
</td>
</tr>
<tr>
<td class="c2">
<table>
<tr>
<td width="200"><a href="" style="width: 100%; height: 40px; display:block; background-color: red;text-align: center; line-height: 40px;">首页</a></td>
<td width="160">关于我们</td>
<td width="160">关于我们</td>
<td width="160">关于我们</td>
<td width="160">关于我们</td>
<td width="160">关于我们</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="c3"></td>
</tr>
<tr>
<td class="c4">
<table>
<tr>
<td class="c4_1">
<table>
<tr>
<td>关于我们</td>
</tr>
<tr>
<td>关于我们</td>
</tr>
<tr>
<td>关于我们</td>
</tr>
<tr>
<td>关于我们</td>
</tr>
<tr>
<td>关于我们</td>
</tr>
</table>
</td>
<td class="c4_2">
<table>
<tr>
<td class="c4_2_1">
<table>
<tr>
<td style="border-bottom: 1px dotted ">您现在的位置:首页>关于我们>公司简历</td>
</tr>
</table>
</td>
</tr>
<tr>
<td>
<img style="margin:10px" align="left" src="qiyejianjie_small.jpg" /> 医疗器械公司(前名为医疗器械厂),是一家专业研制、生产各类医用诊断X射线机和各种手术床的大中型国有法人独资企业。在国内医疗器械放射影像行业中具有很高的地位和影响。 本企业始建于1946年,具有60余年悠久历史,是国内大型医疗设备研发生产基地。历年来,公司先后研发生产的各类医院设备涉及医疗器械各个领域。目前,公司主导产品——医用诊断X射线机的生产,属国内最早,产品范围覆盖5mA—800mA大、中、小型系列产品,每年各类X射线机
产量达2500台(套)。 近年来,本企业抓住发展机遇,挖掘、发挥企业优势,加强企业内部各种要素的整合,优化资源配置,通过产、学、研的合作,通过和国外厂商经、技、贸的合作,使企业市场竞争能力不断增强。 目前,公司在全国30多个省市自治区设有营销、服务网点及代理机构70多个,覆盖全国及世界各个国家和地区,产品远销欧美、中东、东南亚等国家地区。同时,公司为国内外客户及部队用户提供开发、生产服务,为用户提供多种通用医疗配件和专用设备及满意的售后服务。
公司以专业的队伍、严谨的管理、卓越的设备、优质的服务,着力打造放射医疗设备界的品牌产品。 在60多年的生产经营中,公司于1993年荣获高新技术企业的荣誉,并一直保持至今,荣获了首批科技小巨人企业,诚信企业,A类财务会计信用单位等荣誉。自1998年6月始,公司先后通过了ISO9001、ISO13485、CCC、 SFDA、CE等系列国际质量体系认证和产品认证,多项产品列入中国医疗装备协会推荐产品,《医用诊断X射线》机被推荐为上海名牌产品,本品牌被推荐为装备制造业与高新技术产业自主创新品牌,享有极高的声誉和良好的品牌效应。
医疗器械公司坚持用企业文化提升企业核心竞争力,使企业在发展中树立起良好的社会形象。“行远必自迩、追求无止境”。公司将一如既往的励精图治,开拓创新,为医疗卫生事业,做出我们永远的承诺。
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td class="c5">关于我们</td>
</tr>
</table>
</body>
</html>
<style>
.main {
width: 1000;
height: auto;
}
.c1 {
width: 100%;
height: 40px;
text-align: right;
vertical-align: top;
background-image: url(logo.png);
background-repeat: no-repeat;
}
.c2 {
height: 40px;
text-align: center;
}
.c2 td {
border: 1px solid gray;
height: 40px;
background-image: url(bg_blue.jpg);
color: white;
}
.c3 {
width: 100%;
height: 320px;
background-image: url(yiliao_big.jpg);
}
.c4_1 {
width: 200px;
height: 100%;
background-color: #ccc;
text-align: left;
vertical-align: top;
}
.c4_2 {
width: 800px;
height: 100%;
}
.c4_2_1 td {
width: 800px;
text-align: left;
vertical-align: top;
/* border-bottom: 1px dotted ; */
}
.c5 {
text-align: center;
vertical-align: middle;
}
</style>