怎么调超链接的位置html

广告:宝塔Linux面板高效运维的服务器管理软件 点击【 https://www.bt.cn/p/uNLv1L 】立即购买

怎么调超链接的位置html

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>
登录后复制

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

以上就是怎么调超链接的位置html的详细内容,更多请关注9543建站博客其它相关文章!

广告:SSL证书一年128.66元起,点击购买~~~

9543建站博客
一个专注于网站开发、微信开发的技术类纯净博客。
作者头像
admin创始人

肥猫,知名SEO博客站长,14年SEO经验。

上一篇:拖放事件入门教程
下一篇:jquery怎么清除兄弟元素

发表评论

关闭广告
关闭广告