在html当中，为标签设置底部边框，采用border-bottom的CSS属性即可，具体代码如下：
<style>
2.con{
3. border-bottom: 5px solid #0004. }5.</style>6.<div class="con">标签底部有5像素黑色边框</div>
“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。
直接给div一个边框就好了..#bk { border:1px solid #000} /*边框是1像素，实线，颜色黑色*/
<body><div id="bk"></div><body>
这样就好了！
这个只要将元素样式的hover伪类设置边框即可。
<!DOCTYPE html><html lang="en">
<head>
<style>
.div-style1
{
width: 200px
height: 200px
background-color: red
float: left
}
.div-style2
{
width: 200px
height: 200px
background-color: darkgray
float: left
margin-left: 20px
}
.div-style1:hover
{
width: 200px
height: 200px
background-color: red
border: 5px solid black
}
.div-style2:hover
{
width: 200px
height: 200px
background-color: darkgray
-webkit-box-shadow: 0 0 8px black
-moz-box-shadow: 0 0 8px black
box-shadow: 0 0 8px black
}
</style>
<meta charset="UTF-8">
<title>标题一</title>
</head>
<body>
<div class="div-style1">
移上去显示黑框
</div>
<div class="div-style2">
移上去显示阴影
</div>
</body>
</html>
以上就是鼠标移动到元素上显示黑框的一个实例。做了两个效果，一个是边框，一个是阴影。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）