你是否想要在你的网页设计中添加一些有趣的图形元素，但又不想使用复杂的图片素材？别担心，CSS 可以轻松地帮你实现！
这篇文章将带你一步步学习用 CSS 代码绘制 16 种常见图形，从简单的矩形、圆形到复杂的星形、月亮，甚至还有逼真的飞溅效果，让你掌握用 CSS 代码绘制图形的技巧，为你的网页增添更多创意和个性。
2024年11月08日
你是否想要在你的网页设计中添加一些有趣的图形元素，但又不想使用复杂的图片素材？别担心，CSS 可以轻松地帮你实现！
这篇文章将带你一步步学习用 CSS 代码绘制 16 种常见图形，从简单的矩形、圆形到复杂的星形、月亮，甚至还有逼真的飞溅效果，让你掌握用 CSS 代码绘制图形的技巧，为你的网页增添更多创意和个性。
2024年11月08日
深色模式，也称为浅色暗配色方案，是一种在深色背景上使用浅色文本，图标和图形用户界面元素的配色方案，通常在计算机用户界面设计和Web设计方面进行讨论。
黑暗模式背后的想法是，它可以减少设备屏幕发出的光，同时保持可读性所需的最小颜色对比度。
2024年11月08日
上篇文章为童靴们介绍了部分背景属性，这篇文章我们继续讲背景属性。
背景关联
如果文档比较长，那么当文档向下滚动时，背景图像也会随之滚动。当文档滚动到超过图像的位置时，图像就会消失。
背景图随页面的滚动而移动
background-attachment 属性防止这种滚动。
background-attachment 属性值：
2024年11月08日
很多时候，至少对于我这种外貌协会的人来说，枯燥的网页难以忍受。于是，我有了一个大胆的想法，给自己的浏览器添加一个好看的背景图，不管好不好看，至少可以装13，2333333333
下面进入正题，先看看效果图（完全是现场调试截图哦）：
上图正常的百度搜索页
上图是利用插件后的效果图，样式一
2024年11月08日
再来看一下代码，我们发现行内样式存在一些问题，最大的问题就是：样式代码和 html 代码编写到了一起，显得杂乱。为了解决这个问题，我们来学习另外一种添加样式的方法：内部 CSS。
2024年11月08日
首先准备一个适合做背景图片的图片，可以百度网站背景图片，选取一张背景图片，下载到桌面，背景图片命名为：bj.jpg。然后登陆dedecms后台，点击模模块-点击文件管理器，选取文件管理器中的templets文件夹。
点击进入templets文件夹，点击defalut后进入images文件夹，上传背景图片bj.jpg文件。
打开网站首页，按F12调试（1箭头），找到控制首页背景的css样式表，注意找一下控制首页的css样式表的地址。
2024年11月08日
内部样式解决了内联样式的问题，但他也有弊端，主要表现在一下两个方面：
弊端1，内部样式只能作用于一个页面，如果要实现多个页面共享一个样式，就做不到了。
弊端2，随着样式代码的不断增加，在编辑器中，要不停的上下滚动屏幕来编辑样式，很不方便。
解决这些弊端的方法就是使用外部 CSS。
外部 CSS，也叫外部样式，可以通过改变一个文件来改变整个网站的外观！
2024年11月08日
将为大家介绍如何使用 CSS 来布局图片。
圆角图片
实例
圆角图片:
img {
border-radius: 8px;
}
实例
椭圆形图片:
img {
border-radius: 50%;
}
尝试一下 ?
缩略图
我们使用 border 属性来创建缩略图。
2024年11月08日
欢迎观看 Photoshop 教程，小编带大家了解如何使用 ps 将照片主题置于全新环境中。
不需要旅行预算来为您的照片寻找新的背景，第一步是隐藏朴素的灰色墙。选中模特图层，来到工具面板选择「快速选择工具」选择模型的形状。
选择「选择主体」，然后选择「选择并遮住...」以进入「选择并遮住...」工作区。
在「选择并遮住...」工作区的「属性」面板中，将「移动边缘」滑块向左移动以优化选择的边缘，「输出设置」选择「选区」，点击「确定」。
2024年11月08日
作用是向网页中添加图片，并且img标签有多个可用参数可以添加。
<body>
<!--图片标签 -->
<img src="test.png"> <!--写法1：单这样写就可以引用图片了-->
<!--写法2：带有参数-->
<img src="test.png" alt="测试图片" title="测试" width="400" height="600">
<!--
src 属性 ：引用图片的路径
alt 属性 ：正常不显示，只在找不到图片时显示
title 属性：当鼠标悬停到图片上时，自动显示。
width ：图片的宽度，可以自定义（单位像素）
height：图片的高度，可以自定义。
-->
</body>