代码如下:
<&#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}
更改html18像素和大小的方法:首先右击图片,选择“打开方式”,选择“画图”;然后点击画图软件任务栏中的“重新调整大小”;最后选择任务栏上的“像素”按钮,并在水平和竖直框里输入相应要求的数值即可。用一个div设置他的高度,width等于1,用border、background都可以给它设置颜色,它就是一条直线了。
具体实现方法 *** 作如下:
工具原料:编辑器、浏览器;
方法1、可以给一个一定宽度的元素设置一个border-bottom属性,让其只有一个底边框,进而实现一条线的效果,代码如下:
<div id="div1"> </div><style> #div1{ margin-top: 100px width: 900px border-bottom: 1px solid #000000 }
</style>
方法2、使用hr标签实现画一条线,代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>float</title>
</head>
<div id="div1"></div>
<style>
#div1{
width: 500px
border-bottom: 1px solid red
}
</style>
</html>欢迎分享,转载请注明来源:内存溢出
评论列表(0条)