个人学习笔记记录（小练习）

最新推荐文章于 2024-05-24 02:30:00 发布

干杯！

最新推荐文章于 2024-05-24 02:30:00 发布

阅读量65

点赞数

分类专栏：笔记文章标签：学习 css 前端 html5 webview

本文链接：https://blog.csdn.net/weixin_46427707/article/details/124989871

版权

笔记专栏收录该内容

11 篇文章 0 订阅

订阅专栏

html代码：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百家号</title>
    <link  rel="stylesheet" href="../practice/css/work5.css">
</head>
<body>
    <span class="bai">百家号</span> 
    <span class="en">BAIJIA</span>
    <hr/>
    <table>
        <tr>
            <td><img src="../images/news.jpg" /></td>
            <td> 
                <h3><a href="../images/0.gif">营销品控屡次翻车，奥迪早已风光不再</a></h3>
                <h4>        <a href="../images/0.gif">阿里滚动式向社会输送人才？</a></h4>
                <h4>        <a href="../images/0.gif">netflix将引入广告订阅模式</a></h4>
                <h4>        <a href="../images/0.gif">爱彼赢的分手谁都没有错</a></h4>
                <h4>        <a href="../images/0.gif">半导体“砍单风暴”正在来袭</a></h4>
            </td> 
        </tr>
    </table>
</body>
</html>

css代码：

a:hover{
    color:red;
    font-size: larger;
    text-decoration: underline;
  
}
.bai{
 color:blue;
 font-size:20px;
}
.en{
color:grey;
font-size: smaller;
}
img{
width: 250px;
}

鼠标放在链接上字体放大变红，伪类选择器(a:hover)选取鼠标悬停的超链接

干杯！

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
个人学习笔记记录（小练习）

html代码：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l.
复制链接

扫一扫