简单html首页模版（滚动条，滚动图）

最新推荐文章于 2024-07-16 15:35:21 发布

一夜随枫

最新推荐文章于 2024-07-16 15:35:21 发布

阅读量3.6k

点赞数

分类专栏：网页设计

本文链接：https://blog.csdn.net/qq_27229877/article/details/53427056

版权

这是一个简单的HTML首页模板，包含了滚动条和滚动图的实现。模板使用CSS定义了页面布局，如背景图片、导航栏样式，并通过JavaScript实现了图片的左右滚动效果。页面中还包含了一个视频元素和自定义的字体颜色、大小和背景图片。

摘要由CSDN通过智能技术生成

<html lang="en">
<head>
<meta charset="UTF-8">
<title>首页布局</title>
<style type="text/css">
body{background-image:url(首页/背景.jpg);}
#nav {list-style:none;font-size:18px;line-height:58px;}
#nav li{float:left;}
.home{width:184px;height:46px;background:url("首页/1.jpg") repeat-x left top;}
.person{width:184px;height:46px;background:url("首页/1.jpg") repeat-x left top;}
.photo{width:184px;height:46px;background:url("首页/1.jpg") repeat-x left top;}
.active{width:184px;height:46px;background:url("首页/1.jpg") repeat-x left top;}
.note{width:184px;height:46px;background:url("首页/1.jpg") repeat-x left top;}
.gun{width:350px;height:46px;background:url("首页/1.jpg") repeat-x left top;}
#nav a:link,#nav a:visited{height:26px;background:url("首页/1.jpg") repeat-x left top;text-decoration:none;color:#fff;padding:20px 16px 0px 16px;}
#nav a:hover,#nav a:activ

最低0.47元/天解锁文章

一夜随枫

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
简单html首页模版（滚动条，滚动图）

首页布局body{background-image:url(首页/背景.jpg);}#nav {list-style:none;font-size:18px;line-height:58px;}#nav li{float:left;}.home{width:184px;height:46px;background:url("首页/1.jpg") repeat-x left to
复制链接

扫一扫

专栏目录