利用Html与css从零开始制作基础静态网页(web课设)

这篇博客介绍了如何利用HTML和CSS从零开始制作一个以合金装备为主题的静态网页。首先建立网页基础结构,采用外部样式表,接着规划布局,包括设置头图(小岛工作室Logo)、导航栏、悬浮效果、下拉菜单和主体内容。最后,添加网页底部文本,并提供了源码下载链接。
摘要由CSDN通过智能技术生成

首先打好单个网页的基础结构

本次我们制作网页主要使用的是外部样式表

本次静态网页的主题是合金装备(由个人喜好而定,你可以根据其自己修改)

先定义外部样式表

<link rel="stylesheet" href="metal gear.css">

然后开始规划网页布局

首先是网页头图我选用小岛工作室的logo

 开始定义头图

.header{
    position: relative;
    width:100%;
    height: 120px;
    background-color: black;
}
.kojima{
    position: absolute;
    margin-left: 550px; 
}

然后调用并插入图片,并在图片上加入到小岛工作室的连接

<div class="header">
        <div class="kojima">
        <a href="http://www.kojimaproductions.jp/en/" target="_blank
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值