• 技术文章 >web前端 >html教程

    怎么调超链接的位置html

    coldplay.xixicoldplay.xixi2021-03-04 16:04:22原创2402

    html调超链接位置的方法:首先给F1,F2,F3,F4的父元素一个宽;然后给F1,F2,F3,F4一个【display:block;】样式,再给他的父元素一个定位;最后调整【shuleft,top;】。

    本教程操作环境:windows7系统、html5版,DELL G3电脑。

    html调超链接位置的方法:

    给F1,F2,F3,F4的父元素一个宽,宽就是一个F1的宽度,然后给F1,F2,F3,F4一个display:block;样式,再给他的父元素一个定位position:relative;,然后调shuleft,top;

    代码如下:

    <style>
    .a_wrap{/*a 的父元素*/
    background: #000;/*背景颜色*/
    width: 20px;
    position:relative;/*定位*/
    top:200px;/*上下*/
    left:500px;/*左右*/
    }
    .a_wrap a{/*a*/
    width: 10px;
    display:block;/*让a成为块元素,每个都会独占一行*/
    color:#fff;
    }
    </style>
    <body>
    <div class="a_wrap">
    <a href="">F1</a>
    <a href="">F2</a>
    <a href="">F3</a>
    <a href="">F4</a>
    </div>
    </body>

    3051ae94d9b762670c095d9ca046d93.png

    相关学习推荐:html视频教程

    以上就是怎么调超链接的位置html的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:超链接 html
    上一篇:Html怎么实现table数据自动滚动 下一篇:如何用html给图片加边框
    千万级数据并发解决方案

    相关文章推荐

    • php如何去除超链接• css怎么让超链接不加下划线• html怎么让超链接没有下划线• HTml5超链接字体如何改颜色
    1/1

    PHP中文网