• 在线
    咨询
  • 关注
    微信
  • 预约
    建站
  • 您所在的位置:首页 > 建站知识 > 网站建设资料 > 正文

    网站建设基础知识2.10:DIV+CSS布局代码实现细化页头

    作者:南昌网络公司 来源: 日期:2015-11-8 16:24:28 人气:87 标签:网站建设 基础知识

    id=nav1”的div中插入3个互不嵌套的从左至右排列div标签(iddate1date2title),以备显示日期和导航标题,其对应的CSS样式为:

    #nav1 #date1 {

          text-align:center;

          line-height:29px;

          color:#FFFFFF;

          background-image:url(img/ad_daohang3.gif);

          background-repeat:repeat-x;

          width:200px;

          float:left;

    }

    #nav1 #date2 {

          background-image:url(img/ad_daohang4.gif);

          width:28px;

          height:29px;

          float:left;

    }

    #nav1 #title {

          text-align:center;

          height:29px;

          float:right;

    }

    效果如下:

    2-17 主页的页头布局效果图

    说明:

    ①要使文本内容在行中垂直居中,可定义行高属性。

    ②背景图片如果比要填充的区域小,默认时是从左至右、从上至下平铺的,类似于住房装修时铺地面砖的效果,因此,如果只想在X方向或Y方向平铺,或只想显示1次,应该定义相应的“重复”属性。


    相关阅读
    • 没有资料
    网站建设资料

    联系我们

    联系地址:南昌市北京西路437号江西师范大学

    联系电话:0791-88626667

    客户经理:+(86)139 0709 1599(邓经理)

    客户QQ:8675405(ca88.com)  14967782(ca88.com)

    技术QQ:707917799(ca88.com)

    关注我们

    我们的成功离不开各位朋友的关注,通过以下方式可以关注我们!

    南昌ca88.com网络

    • 版权所有:南昌ca88.com网络官方网站
    • 网站备案:赣ICP备13008082号-4
    • 站长统计:
    <友情连结> 西安木牛能源技术服务有限公司/ 无锡市明杨新能源有限公司/ 云端科技官网/ MidiBuddy/ 新浪博客/