weixin_58013329 2022-04-04 01:22 采纳率: 50%
浏览 48
已结题

html与css写网页制作软件实例

img


这个实例css可以写在html里面吗，为啥我的老是报错，有具体的吗
  • 写回答

3条回答 默认 最新

  • CSDN专家-天际的海浪 2022-04-04 02:06
    关注

    把你做的代码发一下看看
    或者参考

    <!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <title> 页面名称 </title>
<style type="text/css">
#bodybox {
    margin: 0 auto;
    width: 600px;
}

h2 {
       text-align: center;
       font-weight: bold;
}
ul#nav {
    border-top: 3px solid #CC3333;
    border-bottom: 3px solid #CC3333;
    color: #993333;
    display: flex;
    justify-content:space-around;
    margin: 0;
    padding: 0;
}
ul#nav li {
    padding: 10px 0px;
    list-style: none;
    
}
#imgbox {
    margin: 20px 0px;
    text-align: center;
}
#imgbox img {
    width: 90%;
}
ul#text {
    color: #333333;
    margin: 0px;
}
ul#text li {
    padding: 5px 0px;
    list-style: url(x.png);
    
}
ul#text li:nth-child(even) {
    color: #996633;
}
.text1 {
    color: #ff0000;
       font-weight: bold;
}
.text2 {
    color: #330000;
       font-weight: bold;
}
</style>
</head>
<body>
    <div id="bodybox">
        <h2>网页设计软件列表（点击查看）</h2>
        <ul id="nav">
            <li>Photoshop软件</li>
            <li>illustrator软件</li>
            <li>Dreamweaver软件</li>
            <li>Fireworks软件</li>
        </ul>
        <div id="imgbox">
            <img src="1.jpg" alt="" />
        </div>
        <ul id="text">
            <li>Photoshop一款好到违反广告法的 <span class="text1">超S级设计神器</span>！给画面来点动感吧。</li>
            <li>Photoshop外理以<span class="text2">像素构成的图像</span>, 可以有效地进行图片编辑调整工作。</li>
            <li>Photoshop有很多功能，在图像、图形、文字、出版等备方面都有涉及。</li>
            <li>在制作建筑效果图包括许三维场景时，常常需要在Photoshop进行调整。</li>
        </ul>
    </div>
</body>
</html>

    img

    如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!

    img

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论 编辑记录
查看更多回答(2条)

报告相同问题？

  • web前端期末结课大作业 html+css+javascript网页设计实例 企业网站制作
    2020-11-15 15:54
    期末结课大作业 html+css+javascript网页设计实例 企业网站制作，资源里面有网页的HTML文件、CSS文件、JAVASCRIPT文件和网页中的图片文件，用于大学web网页课程设计参考以及相关从业人员参考学习
  • web前端 html+css+javascript网页设计实例 企业网站制作
    2022-07-28 01:01
    原始HTML+CSS+JS页面设计, web大学生网页设计作业源码，这是一个不错的个人网页制作，画面精明，排版整洁，内容丰富，主题鲜明，非常适合初学者学习使用。 临近期末，大一新生的各种考试和专业结课作业纷至沓来。...
  • 【Web网页设计制作-毕业设计期末大作业】HTML、CSS、JavaScript前端网页项目源码H20.zip
    2023-05-09 18:09
    【Web网页设计制作-毕业设计期末大作业】HTML、CSS、JavaScript前端网页项目源码【Web网页设计制作-毕业设计期末大作业】HTML、CSS、JavaScript前端网页项目源码【Web网页设计制作-毕业设计期末大作业】HTML、CSS、...
  • 前端-HTML-CSS-JS-个人网页制作实例
    2023-06-16 13:32
    在本项目中，“前端-HTML-CSS-JS-个人网页制作实例”是一个涵盖了网页开发基础知识的实践案例。这个实例以“天气之子”这一主题为风格，展现了如何结合HTML、CSS和JavaScript技术来创建一个富有创意和个人特色的网页...
  • HTML+CSS+JS精品网页模板源码153.rar
    2024-06-05 23:21
    适用于大学生期末大作业或公司网页制作。响应式网页，可以根据不同的设备屏幕大小自动调整页面布局； 支持如Dreamweaver、HBuilder、Text 、Vscode 等任意html编辑软件进行编辑修改； 支持包括IE、Firefox、Chrome、...
  • html css js网页制作实例processing-开发笔记p
    2024-06-21 01:46
    在"html css js网页制作实例processing-开发笔记p"这个主题中，我们将深入探讨这三个关键领域的基本概念、实践技巧以及如何将它们整合到网页开发过程中。 首先，HTML（HyperText Markup Language）是网页内容的基础...
  • web前端 html+css+javascript网页设计实例 企业网站制作动漫介绍80套
    2022-07-10 10:22
    临近期末, 你是否还在为HTML网页设计期末...多套(HTML+CSS+JS)网页设计的学生期末大作业，都符合学校或者学生考试期末作业的水平，都是div+css框架代码写的，可满足大学生网页大作业网页设计作业需求, 喜欢的可以下载!
  • 《html+css+javascript 网页制作案例教程》源代码
    2024-04-02 09:42
    《HTML+CSS+JavaScript 网页制作案例教程》是一本深入浅出的前端开发教材，旨在帮助读者掌握网页设计的基础知识和技能。这个压缩包包含的源代码是书中各个实例的实现，提供了丰富的实践材料，使学习者能够通过实际...
  • html css网页制作成品-HTML与CSS配合制作的静态网站基本布局实例
    2024-11-15 13:37
    内容概要：本文档提供了如何利用HTML和CSS构建一个简单静态网页的具体实例。首先从创建基础的HTML文档入手，涵盖了设置页面元信息、引入CSS样式表、构建页面的基本骨架（如头部、导航、主要内容区及底部）等方面的...
  • html+css网站模板网页设计源码-html个人网页设计模板.zip
    2022-05-10 09:29
    HTML和CSS是构建网页设计的基础，此资源"html+css网站模板网页设计源码-html个人网页设计模板.zip"提供了一套完整的个人网页设计模板，它包含了一系列使用HTML和CSS编写的源代码。这个模板适用于初学者和有经验的...
  • 没有解决我的问题, 去提问

问题事件

  • 已结题 （查看结题原因） 4月4日
  • 已采纳回答 4月4日
  • 创建了问题 4月4日