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>


  • 相关阅读:
    Android-自定义meta-data扩展数据
    (转载)【Android】ViewGroup全面分析
    小问题记录
    Gson使用 .Net中的日期序列化成带字母T的格式,Gson发序列化问题
    Android中自定义textview可以进行自体设置
    .Net版的BeanUtils
    Ksoap2-android 添加网络超时的实现
    Html5 viewport 解释
    计算两个日期之间相差的月数
    Android中的Adapter内,有getView方法
  • 原文地址:https://www.cnblogs.com/hejunrex/p/1653457.html
Copyright © 2011-2022 走看看