html的<li>里的文字位置向上移动一定的像素,求代码

html的<li>里的文字位置向上移动一定的像素,求代码,第1张

代码如下:

<&#47script>

$(function () {

$("ul li").hover(function () {

$("ul li").removeClass("liclass")

$(this).addClass("liclass")

})

})

<&#47script>

li

{

border: 1px solid #ABC

display: block

width: 100px

height: 50px

float: left

margin: 10px

text-align: center

}

.liclass{ margin-top:-2px}

代码如下:

<&#47script>

$(function () {

$("ul li").hover(function () {

$("ul li").removeClass("liclass")

$(this).addClass("liclass")

})

})

<&#47script>

li

{

border: 1px solid #ABC

display: block

width: 100px

height: 50px

float: left

margin: 10px

text-align: center

}

.liclass{ margin-top:-2px}

你给你要移动的div 加上样式 margin: 1px 2px 3px 4px意思是这个div 的上右下左的外边距分别是1px,2px,3px,4px 这些数字也可以是负数,单个表示的话又分为

margin-top: 2px/*上边距是2px*/

margin-left: 2px /*左边距是2px*/

margin-right: 2px /*右边距是2px*/

margin-bottom: 2px /*下边距是2px*/

数字如果是负数的话,比如

margin-top: -2px /*向上移动2px*/


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/zaji/7351368.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-04
下一篇2023-04-04

发表评论

登录后才能评论

评论列表(0条)

    保存