html css学习笔记-href 表格字体轮郭

最新推荐文章于 2021-08-16 15:16:06 发布

绿叶清风

最新推荐文章于 2021-08-16 15:16:06 发布

阅读量943

点赞数

分类专栏： html/css

本文链接：https://blog.csdn.net/PZ0605/article/details/45751789

版权

html/css 专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <style type="text/css">
        /*引入字体，将字体上传到服务器，用户打开的时候，会自动下载字体*/
        @font-face {
            font-family: ;
            src: url();
        }
        a:link{
            color: #fff342;
            background-color: ghostwhite;
        }
        a:valid{color: #FF0000;}
        a:hover{color: greenyellow;}
        a:active{color: olivedrab;}
        /*给表格添加边框*/
        #tb,tr,th,td{
            border: 1px solid green;
            text-align: center;;
        }
        /* 折叠边框collapse（边框单线显示）  */
         #tb{
           border-collapse: collapse;
        }

    </style>
    <title></title>
</head>
<body>
<!--
  字体：
  font-family:设置字体系统
  font-size:
  font-style:
-->
<!--
   链接：
   a:link  未被访问的链接
   a:visited 用户已访问的链接
   a:hover  鼠标指针位于链接的上方
   a:active 链接正在被点击的时刻
-->
<a href="">baidu.com</a>
<!--
常见的链接方式：text-decoration:none  去除链接下划线
-->
<!--
 表格：

-->
<table id="tb">
    <thead>
       <th>姓名</th>
       <th>年龄</th>
    </thead>
    <tr>
        <td>小王</td>
        <td>20</td>
    </tr>
    <tr>
        <td>小王</td>
        <td>20</td>
    </tr>
    <tr>
        <td>小王</td>
        <td>20</td>
    </tr>
</table>

<!--
轮郭
：outline:设置轮郭属性
  outline-color:设置轮郭的颜色
  outline-style:设置轮郭的样式
  outline-width:设置轮郭的宽度
-->
<!-- groove实线  -->
<p style="outline-style: groove; outline-width: 1px;">
    abcefa
</p>
</body>
</html>