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>


  • 相关阅读:
    对于软件工程这门课程的一些心得
    第一次冲刺(10)
    第一次冲刺(7~9)
    第一次冲刺(6)
    第一次冲刺(5)
    第一次冲刺(4)
    第一次冲刺(3)
    第一次冲刺(2)
    Arrays.asList 为什么不能 add 或者 remove 而 ArrayList 可以
    Javascript保证精度的小数乘法
  • 原文地址:https://www.cnblogs.com/hejunrex/p/1653457.html
Copyright © 2011-2022 走看看