静态页面——房产中介页面

最新推荐文章于 2023-04-19 19:07:21 发布
最新推荐文章于 2023-04-19 19:07:21 发布
阅读量619 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/gjklj/article/details/106864284
版权

效果图

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/4.20.1css.css">
</head>
<body>
    <header>
        <a href="" class="header_left">风格</a>
        <div class="header_right">
            <a href="" class="box">全部</a>
            <span>|</span>
            <a href="">现代风格</a>
            <span>|</span>
            <a href="">欧式风格</a>
            <span>|</span>
            <a href="">美式风格</a>
            <span>|</span>
            <a href="">法式风格</a>
            <span>|</span>
            <a href="">新古典风格</a>
            <span>|</span>
            <a href="">中式风格</a>
            <span>|</span>
            <a href="">地中海风格</a>
            <span>|</span>
            <a href="">东南亚风格</a>
            <span>|</span>
            <a href="">田园风格</a>
            <span>|</span>
            <a href="">混搭风格</a>
            <span>|</span>
            <a href="">北欧风格</a>
            <span>|</span>
            <a href="">港式风格</a>
            <span>|</span>
            <a href="">极简风格</a>
            <span>|</span>
        </div>
    </header>
    <div class="intro">
        <div class="product">
            <img src="images/pic01.png" alt="" width="255px" height="180px">
            <div class="detall">
                <a href="">渝高香洲</a>
                <span class="center">|</span>
                <a href=""><img src="images/like.png"></a>
                <span>1228</span>
                
            </div>
        </div>
        <div class="product">
            <img src="images/pic02.png" alt="" width="255px" height="180px">
            <div class="detall">
                <a href="">龙湖江与城</a>
                <span class="center">|</span>
                <a href=""><img src="images/like.png"></a>
                <span>2269</span>
            
            </div>
        </div>
        <div class="product">
            <img src="images/pic03.png" alt="" width="255px" height="180px">
            <div class="detall">
                <a href="">南山郡</a>
                <span class="center">|</span>
                <a href="" ><img src="images/like.png"></a>
                <span>2320</span>
                
            </div>
        </div>
        <div class="product product4">
            <img src="images/pic04.png" alt="" width="255px" height="180px">
            <div class="detall">
                <a href="">约克郡·悦水岸</a>
                <span class="center">|</span>
                <a href="" ><img src="images/like.png"></a>
                <span>3153</span>
               
            </div>
        </div>
        <div class="product">
            <img src="images/pic05.png" alt="" width="255px" height="180px">
            <div class="detall">
                <a href="">华润二十四城</a>
                <span class="center">|</span>
                <a href="" ><img src="images/like.png"></a>
                <span>2808</span>
                
            </div>
        </div>
        <div class="product">
            <img src="images/pic06.png" alt="" width="255px" height="180px">
            <div class="detall">
                <a href="">金科美的郡</a>
                <span class="center">|</span>
                <a href=""><img src="images/like.png"></a>
                <span>3067</span>
                
            </div>
        </div>
        <div class="product">
            <img src="images/pic07.png" alt="" width="255px" height="180px">
            <div class="detall">
                <a href="">南滨特区</a>
                <span class="center">|</span>
                <a href=""><img src="images/like.png"></a>
                <span>3367</span>
               
            </div>
        </div>
        <div class="product product8">
            <img src="images/pic08.png" alt="" width="255px" height="180px">
            <div class="detall">
                <a href="">皮隆高尔夫山外山</a>
                <span class="center">|</span>
                <a href=""><img src="images/like.png"></a>
                <span>2446</span>
            
            </div>
        </div>
    </div>
    <div class="teil">+MORE</div>
    <div class="btn">
        <a></a>
        <a class="btn_right"></a>
    </div>
</body>
</html>

CSS

body{
    margin: 0;
}
*{
    font-family: '微软雅黑';
}
a{
    text-decoration: none;
    color: #666;
}
header{
    width: 1080px;
    overflow: hidden;
    margin: auto;
    margin-top: 15px;
}
.header_left{
    float: left;
    width: 90px;
    height: 28px;
    border-radius: 28px;
    display: block;
    background-color: rgb(41, 44, 73);
    font-size: 14px;
    color: white;
    text-decoration: none;
    text-align: center;
    line-height: 28px;
}
.header_right{
    float: left;
    margin-left: 27px;
    font-size: 14px;
    height: 28px;
    line-height: 28px;
}
.header_right a:hover{
    color: rgb(117, 60, 57);

}
.header_right span{
    color: #666;
}
.header_right .box{
    color:rgb(117, 60, 57) ;
}
.intro{
    width: 1080px;
    margin: auto;
    margin-top: 25px;
    overflow: hidden;
}
.product{
    width: 255px;
    float: left;
    margin-right: 15px;
}
.product4 .product8{
    margin-right: 0;
}
.detall{
    width: 255px;
    height: 50px;
}
.detall a{
    display: block;
}
.detall  span,.detall a {
    float: left;
    text-align: center;
    line-height: 50px;
    margin-left: 15px;
}
.teil{
    width: 1080px;
    height: 50px;
    margin: auto;
    text-align: center;
    line-height: 50px;
    font-size: 18px;
    color: #666;
    background-color:rgb(212, 212, 212);
}
.btn{
    width: 40px;
    height: 20px;
    position: fixed;
    bottom: 5px;
    left: 49%;
}
.btn a{
    display: block;
    width: 18px;
    height:19px;
    float: left;
    background-image: url(../images/more.png);
}
.btn .btn_right{
    background-position: -18px 0;
}

 

gjklj
关注
房地产中介管理系统的静态页面
05-05
这是我毕业设计项目，房地产中介管理系统的静态页面，其中有一点点后台代码，但是不全，重点是里面的静态页面
房产中介公司网站HTML5模板
11-29
房产中介公司网站HTML5模板是一款适用于房地产公司或个人销售房产，销售你的别墅，土地，公寓，房子。提示：本模板调用到谷歌字体库，可能会出现页面打开比较缓慢。
房产信息管理系统后台html静态模板
12-30
房产信息管理系统后台html静态模板，个人建站，企业建站必备
房屋租赁项目后台模板(纯静态代码)
08-02
房屋租赁项目后台模板(纯静态代码)
房产中介管理系统（毕设，以调试可运行）
03-13
可以用来毕设，不过系统简单，最多适合2人毕设，小伙伴注意哟，可以接受定做
小鹿爬虫系列——静态网站页面爬取
zhujialiang18的博客
10-29 635
被迫营业系列 每次都在挖坑，CSDN上挖的坑尤其多，哈哈哈哈哈~这是一篇非书面语写就的文章，毕竟枯燥且充实的code需要欢脱的外在来包裹，这样的糖衣????也比较容易服用呢~ 最近实习遇到一个小需求，大致是需要根据 英文地址索引具体建筑物，并获取相关信息。做爬虫的动力是，需要手动search的地址数据比较多，经过手动验证，获取到有效信息的source比较固定，且目测目标网站几乎没有反爬策略，故而产生...
java毕业设计——基于JSP+sqlserver的房产中介系统设计与实现（毕业论文+程序源码）——房产中介系统
最新发布
m0_66238867的博客
04-19 1253
计算机与通信技术为基础的信息系统正处于蓬勃发展的时期。随着科学技术的不断提高，计算机网络日渐成熟，其强大的功能已为人们深刻认识，而基于计算机网络的网络信息系统的实现也是大家所期待的。而基于B/S模式的房产中介系统的实现必然是大势所趋。本文结合目前中国城市房产管理的实际情况和现阶段房屋产业的供求关系对房产中介系统进行了需求分析,并以此进行了系统功能设计和数据库设计。系统阐述了建立房产信息系统的方法和技术实施。本系统是为了给广大用户提供一个良好的平台而研发的房产中介系统。
Java——聊聊JUC中的ThreadLocal
★★光亭★★
02-13 3021
Java——聊聊JUC中的ThreadLocal
软件设计模式——软件设计原则
庄小焱
05-31 5431
设计模式（Design Pattern）是一套被反复使用、多数人知晓的、无数工程师实践的代码设计经验的总结，它是面向对象思想的高度提炼和模板化，使用设计模式是为了让代码具有更高的可重用性，更好的灵活性和可拓展性，更易被人阅读和理解。比如使用继承会给程序带来侵入性，程序的可移植性降低，增加对象间的耦合性，如果一个类被其他的类所继承，则当这个类需要修改时，必须考虑到所有的子类，并且父类修改后，所有涉及到子类的功能都有可能产生故障。依赖倒转原则是基于这样的设计理念：相对于细节的多变性，抽象的东西要稳定的多。
房屋中介管理系统
12-11
基于c#开发的房屋中介管理系统，数据库放在data文件夹下
地产租赁系统
08-22
地产租赁系统
房产中介管理系统完整源码
07-13
一个完整的房产中介源代码，适合新手学习借鉴
java开发的中介管理系统
10-30
java实现的一个中介系统，数据库为sql 2000
房地产网站+后台管理源码下载
07-07
一个简单的房地产网站源码，后台管理，很实用的一个源码。
“好家园房产中介网后台管理”python项目的完整js文件和数据库（static和test数据库）
06-08
"好家园房产中介网后台管理"项目是一个基于Python开发的后台管理系统，主要涉及的技术栈包括Python、JavaScript以及数据库管理。这个项目提供了完整的JavaScript文件，用于处理前端交互和展示，同时包含两个数据库...
div+css静态网页设计web网页设计实例作业 ——中国风的茶文化(4页) web课程设计-HTML网页制作代码
01-06 962
web网页设计实例作业 ——中国风的茶文化(4页) web课程设计-HTML网页制作代码 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载! 文章目录web网页设计实例作业 ——中国
导读：生活中的设计模式——启程之前，请不要错过我
阳光日志
09-22 2987
为什么叫设计模式 什么是设计模式 设计模式与生活有什么联系 为什么要学设计模式 如何进行学习 为什么选择 Python 弥补市场空缺 大势所趋，Python 已然成风 简单的 Python 基础 Python 的特点 基本语法 常用容器 List（列表） Tuple（元组） Dictionary（字典） 类的定义 Demo 让你顿悟 重要说明 两年前 CSDN...
基于HTML美中华传统文化题材网页项目的设计与实现 (纯HTML+CSS制作中国茶文化网站)
VX_WJ88950106的博客
08-10 256
🥇 关于作者: 💬历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！🍵茶文化网站、🏳️‍🌈中华传统文化题材、京剧文化🔏水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。🏷️ 这个首页代码运用了DIV盒子的使用方法，如盒子的嵌套、浮动、margin、border、background等属性的使用，外部大盒......
JSP动态转静态页面实现步骤解析
"本文主要探讨了如何利用JSP技术将动态页面转化为静态页面，通过三个步骤进行详细阐述，包括理解JSP解析过程、生成的Java文件内容以及动态生成静态页面的实现方法。" 在Web开发中，JSP（JavaServer Pages）是一种...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值