zoukankan      html  css  js  c++  java
  • css滑动门技术[摘自网络]

    这是背景图像:

    标题文字

    说明:你只需要修改h3标记CSS中的width属性即可,只要宽度不超过背景图像的总宽度即可。

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                   "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd"
    >
    <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><TITLE>标题文字</TITLE>
    <META http-equiv=Content-Language content=en-us>
    <META content="MSHTML 6.00.5730.13" name=GENERATOR>
    <META http-equiv=Content-Type content="text/html; charset=utf-8">
    <STYLE type=text/css>

    h3
    {
        font-size
    :13px;
        line-height
    :21px;
        text-align
    :center;
        width
    :200px;  /*修改这个值即可改变宽度,且保持两端的花纹*/
        background-image
    :url(http://learning.artech.cn/uploads/blog-images/bg.gif);
        background-repeat
    :no-repeat;
        padding-left
    :40px;  /*使底部背景的左侧图像显示出来*/
    }
     
    span
    {
        display
    :block;
        padding-right
    :40px;  /*为了使上面的文字居中*/
        background-image
    :url(http://learning.artech.cn/uploads/blog-images/bg.gif);
        background-repeat
    :no-repeat;
        background-position
    :right;  /*上边背景图片从右往左显示,用于显示右侧小图像*/
    }

    </STYLE>
    </HEAD>
    <BODY>
      <P>这是背景图像:<IMG src="http://learning.artech.cn/uploads/blog-images/bg.gif"></P>
      <H3><SPAN>标题文字</SPAN></H3>
      <P>说明:你只需要修改h3标记CSS中的width属性即可,只要宽度不超过背景图像的总宽度即可。</P>
    </BODY>
    </HTML>


  • 相关阅读:
    继承LIst 的类JSON序列化,无法序列化属性的问题
    C#深入学习:泛型修饰符in,out、逆变委托类型和协变委托类型
    12.Java web--过滤器与监听器
    11.Java web—servlet
    10.Java web—JavaBean
    9.Java web—JSP内置对象
    8.Java web—JSP基本语法
    Ubuntu 插入鼠标自动禁用触控板
    Ubuntu安装VLC播放器
    Ubuntu快捷键
  • 原文地址:https://www.cnblogs.com/hejunrex/p/1653457.html
Copyright © 2011-2022 走看看