div+css定位取图

最新推荐文章于 2024-08-09 06:13:01 发布

japankn

最新推荐文章于 2024-08-09 06:13:01 发布

阅读量160

点赞数

分类专栏：页面文章标签： xhtml

本文链接：https://blog.csdn.net/japankn/article/details/84213742

版权

页面专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>无标题文档</title>
        <style type="text/css">
        .toolbar1{
    border:#CCCCCC solid;
    background-image: url(advtoolbarbg.png);
    width:888px;
    height:60px;
    background-repeat:repeat-x;
   }
   .toolbar1 .submit1{
    border:#CCCCCC solid;
    background-image:url(submit_blog_btn.gif);
    width:81px;
    height:49px;
    position:relative;
    background-repeat:no-repeat;
    background-position:-86px 0px;/*负值向右边移动*/
    margin-top:2px;
    margin-left:2px;
    cursor: pointer;
   }
   .toolbar2{
    border:#CCCCCC solid;
    background-image: url(advtoolbarbg.png);
    width:888px;
    height:37px;
    background-repeat:repeat-x;
    z-index:1;
   }
   .toolbar2 .submit2{
    border:#CCCCCC solid;
    background-image:url(submit_blog_btn.gif);
    width:81px;
    height:22px;
    background-repeat:no-repeat;
    background-position:0px 0px;
    margin-top:2px;
    margin-left:2px;
    cursor: pointer;
   }
        </style>
    </head>

    <body>
        <div class="toolbar1">
        <div class="submit1"></div>
        </div>
        <br/>
        <div class="toolbar2">
        <div class="submit2"></div>
        </div>
    </body>
</html>

japankn

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
div+css定位取图

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; ..
复制链接

扫一扫

专栏目录