css设置表格的边框为实线还是虚线，+鼠标悬停显示提示字

最新推荐文章于 2024-04-10 13:08:54 发布

bing.shao

最新推荐文章于 2024-04-10 13:08:54 发布

阅读量9k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： css border class ie

本文链接：https://blog.youkuaiyun.com/shaobingj126/article/details/6565629

CSS 专栏收录该内容

3 篇文章

订阅专栏

本文介绍了如何在CSS中设置边框线样式为虚线或实线，以及如何去除超链接下划线并设定字体颜色。同时展示了鼠标悬停提示效果的实现方式，通过HTML和CSS代码演示了具体应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

虚线


在css里面添加
<style>
td {border-bottom:1px dashed #000000;}
</style>





实线


在css里面添加
<style>
td {border:1px solid black;}
</style>


-------------------------------------------------------------------
去掉链接的下划线，并设定字体的颜色


 A:link            {   text-decoration:none;   color:#你想要的颜色;} 

 A:visited   {   text-decoration:none;   color:#你想要的颜色;} 

 A:hover         {   text-decoration:none;   color:#你想要的颜色;} 

 A:active      {   text-decoration:none;   color:#你想要的颜色;} 

  </style> 
-------------------------------------------------------------------------

 鼠标悬停提示效果，将下面的代码copy到一个文本文件中保存为xx.html，打开就可以看到效果了。


<a class="tooltips" href="#">鼠标移到这里看看吧<span>我是该连接的文字说明，效果是不是很好呢？</span></a>


<style type="text/css">  /*Tooltips*/


.tooltips{  position:relative; /*这个是关键*/


z-index:2;  }  .tooltips:hover{  z-index:3;  background:none; /*没有这个在IE中不可用*/


}  .tooltips span{  display: none;  }  .tooltips:hover span{ /*span 标签仅在 :hover 状态时显示*/


display:block;  position:absolute;  top:21px;  left:9px;  width:15em;  border:1px solid black;  background-color:#ccFFFF;  padding: 3px;  color:black;  }


</style>