需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码：<div style="border-top: 3px solid #0b93d5border-bottom: 3px solid #0b93d5">123</div>。
3、浏览器运行index.html页面，此时仅仅在层的上边框和下边框显示了蓝色。
（要加的那个DIV的 id或者class 名）{ display:none}table名 a:hover （要加的那个DIV的 id或者class 名）{
display:block// 显示出div
position:absolute//设置为绝对定位
left:150px//离左边150像素 （以浏览器左上角为基准）
top:0px//离上边0像素 （以浏览器左上角为基准） z-index:1//设置飘起来在上层。数字越大，越在上
width:100px//宽度
height:auto//自适应高度
background-color:#eee//背景颜色
border:1px solid #234 //边框
}可以尝试一下。意思就是：在你要家的那个位置，加个DIV，取个class,然后设置成 display:none(意思为隐藏) 然后再设置 a的伪类，鼠标移过去，他就显示出来，或者鼠标点击，他显示出来
