网页设计（三）——DIV+CSS布局2

最新推荐文章于 2023-03-05 21:35:46 发布

csyzcyj

最新推荐文章于 2023-03-05 21:35:46 发布

阅读量2.2k

点赞数 7

分类专栏：网页基础文章标签： css html 前端

本文链接：https://blog.csdn.net/csyzcyj/article/details/107284655

版权

本文是关于网页设计中CSS样式的深入讲解，包括CSS背景、文本、字体、链接及列表的实例应用。通过实例展示了如何改变网页内容的外观，如设置背景图片、文本样式、链接状态以及列表设计。此外，预告了CSS定位将在后续文章中详细阐述。

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

前言：好久没更新过CSDN博客了，现在从原来的OI，变成了一个科研工作者。最近打算把原来的一些资料整理一下，作为经验公开分享，希望能帮到更多默默努力耕耘的人~

网页设计系列源于早几年在学校网站工作做入门培训时的一些讲稿，有关HTML+CSS框架的编程，比较基础。当时为了给入门的同学更多感性认识，提供了很多小实例，这里也都给出来了。

DIV+CSS布局

CSS样式就是设计整个页面布局的核心部分。通过设置不同的样式值可以改变显示内容的外观。常用的CSS样式有：

CSS 背景

CSS 文本

CSS 字体

CSS 链接

CSS 列表

CSS 定位

接下来将分别介绍

如下表所示：

属性	描述
background-attachment	背景图像是否固定或者随着页面的其余部分滚动。(该标签下的选项可自行百度)
background-image	设置背景图片
background-color	设置背景颜色
background-position	设置图像的起始位置
background-repeat	设置图像是否及怎么重复

HTML代码如下：

<html>
<head>
<link rel="stylesheet" type="text/css" href="simple5.css" />
</head>
<body>
<h1 align="center">背景示例</h1>
</body>
</html>

CSS代码如下：

body{
background-color:yellow;
}

打开HTML后效果如下：

关注

专栏目录