爱奇艺播放列表

最新推荐文章于 2024-09-16 23:39:36 发布
最新推荐文章于 2024-09-16 23:39:36 发布
阅读量126 收藏
点赞数 3
文章标签： css css3 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/NBCjj/article/details/138584377
版权 
<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>爱奇艺视频播放列表</title>
    <style>
        *{margin: 0;padding: 0;}
        div{
            width: 1000px;
            height: 500px;
            /* border: 3px solid red; */
            margin: 0px auto;
            margin-top: 30px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
        }
        .one{
            height: 40px;
        }
        .two{
            margin: 0px;
            width: 200px;
            margin-right: 5px;
            padding: 10px;
        }
        ul{
            list-style-type: none;
        }
        img{
            border-radius: 10px;
        }
        .tu:hover{
            box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1), 0 0 10px 0 rgba(0,0,0,0.2);
            
        }
        .title{
            font-size: 16px;
            height: 30px;
            color: #4d4d4d;
            vertical-align: middle;
        }
        .shu{
            font-size: 14px;
            height: 20px;
            color: #640000;
            vertical-align: middle;
        }
        .dian{
            font-size: 12px;
            height: 20px;
            color: blue;
            vertical-align: middle;
        }
    </style>
</head>
<body>
    <div>
        <div class="one">
            <h3>热搜</h3>
        </div>
        <div class="two">
            <ul>
                <li class="tu">
                    <img src="./image/img1.png" alt="" width="200px" height="250px">
                </li>
                <li class="title">越狱</li>
                <li class="shu">迈克尔反转越狱</li>
                <li class="dian">点击次数：242445次</li>
            </ul>
        </div>
        <div class="two">
            <ul>
                <li class="tu">
                    <img src="./image/img2.png" alt="" width="200px" height="250px">
                </li>
                <li class="title">唐人街探案</li>
                <li class="shu">开创“喜剧+推理”类型片
                </li>
                <li class="dian">点击次数：242445次
                </li>
            </ul>
        </div>
        <div class="two">
            <ul>
                <li class="tu">
                    <img src="./image/img3.png" alt="" width="200px" height="250px">
                </li>
                <li class="title">开端</li>
                <li class="shu">公交车爆炸后“死而复生”
                </li>
                <li class="dian">点击次数：242445次
                </li>
            </ul>
        </div>
        <div class="two">
            <ul>
                <li class="tu">
                    <img src="./image/img4.png" alt="" width="200px" height="250px">
                </li>
                <li class="title">江照黎明
                </li>
                <li class="shu">现实主义女性悬疑剧
                </li>
                <li class="dian">点击次数：242445次</li>
            </ul>
        </div>
    </div>
</body>
</html>

NBCjj
关注
springboot 模拟爱奇艺本地视频播放器.zip
03-10
支持播放列表功能，用户可以将多个视频添加到播放列表中，方便用户管理和播放视频。具有良好的代码结构和注释，便于开发者阅读和修改。总之，SpringBoot模拟爱奇艺本地视频播放器.zip是一个功能丰富、易于使用的本地...
模拟爱奇艺本地视频播放器
04-06
视图层包含用户可见的界面，主要有登陆注册、电影列表和电影播放界面等构成。数据访问层主要封装了用户数据表与电影数据表，用户数据表主要包含注册用户的基本信息，包含用户名和密码。电影数据表主要包含电影的标题...
模拟爱奇艺本地视频播放器app.zip
04-03
基本功能：用户通过注册并登录到系统上，然后点击不同的电影海报可以播放电影，还可以通过筛选不同种类对电影内容进行过滤，还可以收藏电影。 系统配置 本软件要求在手机（平板电脑）上运行，要求1GB以上运行内存，...
学生大作业-模拟爱奇艺本地视频播放器 安卓.zip
09-16
按照爱奇艺 界面设计 基本功能：注册登录、分类展示视频、搜索指定视频、播放视频、收藏等。 本系统基于MVC三层架构进行开发，主要通过视图层、逻辑层和数据访问层进行构成。视图层包含用户可见的界面，主要有登陆...
HTML、CSS实现树状图
p_s_p的博客
09-09 600
【代码】HTML、CSS实现树状图。
项目中使用简单的立体3D柱状图，不用引入外部组件纯css也能实现
qq_35452726的博客
09-13 386
在一些项目需求中，可能会遇到下面这种场景，3d柱状图来展示百分比，但是又不想引入外部组件，下面就用纯css给大家封装了一个组件。在需要使用的地方直接引入使用就好了，只传百分比，宽高有需要再传。
使用HTML和CSS制作网页的全面指南
weidl001的博客
09-14 1120
HTML（超文本标记语言）是构建网页的基础语言。它用于定义网页的结构和内容。通过使用不同的标签（tags），我们可以告诉浏览器如何显示文本、图像、链接等。CSS（层叠样式表）用于控制网页的外观和布局。它可以设置文本的颜色、字体、背景、边距等，使网页更加美观和用户友好。通过以上步骤，我们已经了解了如何使用HTML和CSS创建一个简单但完整的网页。主题要点HTML基础了解HTML的结构和常用标签CSS基础理解CSS的语法、选择器和常用属性网页制作步骤规划布局 -> 编写HTML -> 添加CSS实践技巧。
【油猴脚本】00003案例 Tampermonkey油猴脚本引入css 库，油猴脚本css库的使用
宝码香车的博客
09-13 1289
附具体代码，深入理解，彻底掌握！可以一键复制，查看效果。
CSS 图片廊：打造精美视觉体验
wjs2024的博客
09-13 540
使用CSS创建图片廊是一个简单而有效的方法，可以提升网页的视觉效果和用户体验。通过本文的介绍，相信你已经掌握了如何使用CSS来打造一个精美的图片廊。在实际开发中，你可以根据自己的需求进行调整和优化，以创建出更加出色的图片廊效果。
CSS框架 Tailwind CSS
专研技术的大学生
09-11 758
在项目中如何集成Tailwind Css框架
表格标记＜table＞
qq_74861982的博客
09-13 349
table标记是表格中最外层标记，tr表示表格中的行标记，一对表示表格中的一行，在中可以嵌套几对标记或几对标记。valign：设置单元格垂直对齐方式，可取top bottom middle baseline。align：设置表格或者单元格中，文字水平对齐方式。border:设置边框的值，默认为0，表示不可见。height：设置表格或者单元格的高度。width：设置表格或者单元格的宽度。4.td:表格中数据单元格标记。1table：表格标记。这里直接贴上代码了哦。
CSS 响应式设计（补充）——WEB开发系列36
一条晒干的咸鱼的博客
09-11 1138
随着移动设备的普及，网页设计的焦点逐渐转向了响应式设计。响应式设计不仅要求网页在各种屏幕尺寸上良好展示，还要适应不同设备的特性。
CSS调整背景
weixin_74261199的博客
09-16 673
函数指定，图片的位置可以是本地路径，也可以是网络资源路径。注意：设置图像坐标时，一定要把图像设置为不重复平铺，即。正如刚刚只设置了背景图片，没有设置重复平铺方式，那么。不然图片平铺之后看不出背景图片的位置。设置背景图的起始x坐标，设置背景图的起始y坐标。
通过鼠标移动来调整两个盒子的宽度(响应式)
最新发布
qq_57423665的博客
09-16 167
就可以完成拖动那根线，实现两边的盒子的宽度根据线的移动而变化；
胡学乱想----前端知识点（css色彩）
Cat God 007的博客
09-16 336
简写 margin 属性有两个值时，它将 margin-top 和 margin-bottom 设置为第一个值，并将 margin-left 和 margin-right 设置为第二个值。0 表示该颜色的 0%，并且是黑色，255 意味着该颜色的 100%。类似操作， padding 属性添加上下 padding为第一个值，并将左右 padding 为第二个值。CSS 的 rgb 函数接收红色、绿色和蓝色的数值或 arguments(参数),并生成一个颜色。
javaWeb三剑客：html,css
2301_80112070的博客
09-09 1425
**注意布局标签的使用可以配合CSS来使用，如果只需要某一个方位的边框·内边距·外边距，可以在属性名后加上 -位置 ，如 ：padding-top , padding-left , padding-right。rgb表示法：红绿蓝三原色，每项取值范围：0~255 rgb(红，绿，蓝) ， rgb(0,0,0) , rgb(255,255,255) , rgb(255,0,0)">焦点访谈：中国底气 新思想夯实大国粮仓</h1><h1 style="***：***，***：***;
【H2O2|全栈】关于CSS（4）CSS基础（四）
过期的H2O2的博客
09-14 1302
本系列博客将分享层叠样式表（CSS）有关的知识点。接下来的几期内容相对比较少，主要是对前面的内容进行一些补充了。本期分享的内容为精灵图（雪碧图）和浮动效果的相关知识。不是专业的科普博主，主打一个分享知识，写的不好，多多包涵（嘿嘿）。
CSS——盒子模型
m0_73557953的博客
09-12 411
margin : auto => 让target元素左右两边的margin都占据尽可能多的空间，就会各占一半，使元素居中。水平方向：margin-left : auto => 让target元素左边的margin占据尽可能多的空间，使元素靠右。首先CSS将所有的元素都看成一个盒子。
html 制作爱奇艺视频播放列表
03-29
爱奇艺视频播放列表 body { background-color: #f5f5f5; } h1 { color: #ff8c00; text-align: center; font-size: 36px; font-family: Arial, sans-serif; margin-top: 50px; } ....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值