在前端开发中,很多时候我们需要让两个a标签上下排列,以实现我们所设计的网页效果。那么,该怎样在CSS中实现呢?下面让我们来看看几种方法。方法1:使用display属性我们可以通过设置display属性
<style> a { display: block; } </style> <p> <a href="#">第一个a标签</a> <a href="#">第二个a标签</a> </p>
<style> p { position: relative; } a { position: absolute; } a:first-child { top: 0px; } a:last-child { top: 20px; } </style> <p> <a href="#">第一个a标签</a> <a href="#">第二个a标签</a> </p>
粉丝
0
关注
0
收藏
0