📄 view.asp
字号:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!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=gb2312" />
<title>小区风采</title>
<link href="inc/body.css" rel="stylesheet" type="text/css" />
<link href="inc/nav.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
/* view.asp */
#view {
margin:0px auto;
width:800px;
background-color:#FFFFFF;
border-top:2px solid #FFFFFF;
}
#view div {
float:left;
}
#view a {
color:#4D4D4D;
}
#view a:hover {
color:#FFFFFF;
text-decoration: none;
}
.vi_0 {
width:189px;
height:500px;
background-color: #B2DFEE;
font-size:14px;
border-right:1px dashed #FFFFFF;
line-height:20px;
text-indent:2em;
writing-mode :tb-rl ;
text-align :left ;
padding:5px;
}
.vi_0 p {
margin-right:20px;
}
.vi_1 {
width:350px;
height:500px;
background-color: #E0FFFF;
}
.vi_2 {
width:99px;
height:500px;
float:left;
background-color:#ADD8E6;
border-left:1px dashed #FFFFFF;
}
.vi_3 {
width:149px;
height:500px;
background-color: #87CEEB;
border-left:1px dashed #FFFFFF;
}
.vi_1 .vi_1-1 {
width:100%;
height:200px;
}
.vi_1 .vi_1-2 {
width:199px;
height:200px;
border-right:1px solid #800000;
}
.vi_1 .vi_1-3 {
width:150px;
height:200px;
}
.vi_1 .vi_1-4 {
width:99px;
height:100%;
border-right:1px solid #800000;
}
.vi_1 .vi_1-5 {
width:199px;
height:100%;
border-right:1px solid #800000;
}
img {
filter: Alpha(Opacity=80);
}
.img_1 {
margin-left:0px;
}
.img_2 {
margin-top:90px;
}
.img_3 {
margin-top:70px;
}
.img_4 {
margin-top:40px;
}
.img_5 {
margin-top:118px;
}
#p1,#p2,#p3,#p4 {
text-align:center;
width:30px;
font-size:18px;
line-height:30px;
margin-top:20px;
color:#4D4D4D;
filter: Shadow(Color=gray, Direction=135);
}
#p1 {
margin-left:60px;
}
#p2 {
margin-left:35px;
}
#p3 {
margin-left:85px;
}
#p4 {
margin-left:10px;
}
-->
</style>
</head>
<body>
<!--#include file="inc/header.asp"-->
<div id="view">
<div class="vi_0">
<p>田园牧歌小区于2010年建设完成，该小区由国内外著名的建筑设计师周小福策划.....一条清澈的河流，蜿蜒绕过山坡；临河倚山，建着一片广大宅第。
2005年岸边几丝垂柳，河面一架小桥。荡漾的碧波中，倒映出巨宅门前那七级石阶和两尊高大
的石狮子；黑漆大门，紫铜吞口，以及门檐下“积善之家”四个灿烂金字的横匾。
时当炎夏，骄阳如火。靠东院墙边，蕉荫掩映下，有一间精致的书斋，七八名少年正摇
头晃脑吟诵着诗句。上首坐着一位年近古稀的老塾师，双目半睁半闭，似在养神，又像在打
瞌睡。</p>
</div>
<div class="vi_1">
<div class="vi_1-2"><img class="img_3" src="image/vi_2.gif" width="199" height="130" /></div>
<div class="vi_1-3"><img src="image/vi_4.gif" width="150" height="82" class="img_5" /></div>
<div class="vi_1-1">
<div class="vi_1-4"><p id="p2"><a href="#">三季稻浪费机</a></p></div>
<div class="vi_1-5"><img class="img_1" src="image/vi_1.gif" width="199" height="130" />
<p id="p3">建筑欣赏</p></div>
<div><p id="p4">十分上 </p></div>
</div>
</div>
<div class="vi_2"><img class="img_2" src="image/vi_3.gif" width="99" height="180" />
<p id="p2">建筑欣赏</p>
</div>
<div class="vi_3"><img class="img_4" src="image/vi_5.gif" width="149" height="100" />
<p id="p1">别墅夜景</p>
</div>
</div>
<!--#include file="inc/bottom.asp"-->
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -