<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
  <channel>
    <title>金黑网络 - css教程</title>
    <link>https://jinhei.com/forum-54-1.html</link>
    <description>Latest 20 threads of css教程</description>
    <copyright>Copyright(C) 金黑网络</copyright>
    <generator>Discuz! Board by Comsenz Inc.</generator>
    <lastBuildDate>Sun, 14 Jun 2026 21:07:03 +0000</lastBuildDate>
    <ttl>60</ttl>
    <image>
      <url>https://jinhei.com/static/image/common/logo_88_31.gif</url>
      <title>金黑网络</title>
      <link>https://jinhei.com/</link>
    </image>
    <item>
      <title>css弹性布局，马不停蹄原创作品</title>
      <link>https://jinhei.com/thread-843-1-1.html</link>
      <description><![CDATA[css弹性布局，马不停蹄原创作品

a) 分栏显示--语法：column-count:值 取值：值是一个栏目的数量代码如下：代码 运行效果图：
b) 多栏隔断框--语法：column-rule:值 取值：这里的取值和边框的取值是一样的，也有边框厚度，边框颜色，边框样式整体代码如下：
c) 设置每一 ...]]></description>
      <category>css教程</category>
      <author>马不停蹄</author>
      <pubDate>Tue, 27 Jun 2023 06:42:54 +0000</pubDate>
    </item>
    <item>
      <title>css样式缩放zoom</title>
      <link>https://jinhei.com/thread-842-1-1.html</link>
      <description><![CDATA[css样式缩放zoom

语法：zoom:值取值：值是一个倍数代码如下：]]></description>
      <category>css教程</category>
      <author>马不停蹄</author>
      <pubDate>Tue, 27 Jun 2023 05:55:36 +0000</pubDate>
    </item>
    <item>
      <title>背景透明css样式案例</title>
      <link>https://jinhei.com/thread-840-1-1.html</link>
      <description><![CDATA[背景透明css样式案例

语法：rgba(值1，值2，值3，值4)取值：1-3个值都是0-255的数字，表示颜色，第4个值是透明度0-1之间取值css代码运行效果图：]]></description>
      <category>css教程</category>
      <author>马不停蹄</author>
      <pubDate>Mon, 26 Jun 2023 14:15:06 +0000</pubDate>
    </item>
    <item>
      <title>opacity透明度css样式</title>
      <link>https://jinhei.com/thread-839-1-1.html</link>
      <description><![CDATA[opacity透明度css样式

语法：opacity:值取值：0-1之间的小数代码：]]></description>
      <category>css教程</category>
      <author>马不停蹄</author>
      <pubDate>Mon, 26 Jun 2023 14:07:24 +0000</pubDate>
    </item>
    <item>
      <title>鼠标样式光标形状css</title>
      <link>https://jinhei.com/thread-838-1-1.html</link>
      <description><![CDATA[鼠标样式光标形状css

光标形状语法：cursor:值取值：        text:文本图标          help:问号图标        wait:等待的图标        pointer:        小手图标        move 移动        url(),临时替换的样式-----需要在url后面加auto        default  箭头代码如下：
 ...]]></description>
      <category>css教程</category>
      <author>马不停蹄</author>
      <pubDate>Mon, 26 Jun 2023 14:06:09 +0000</pubDate>
    </item>
    <item>
      <title>2d变换过渡效果css3样式特效代码</title>
      <link>https://jinhei.com/thread-837-1-1.html</link>
      <description><![CDATA[2d变换效果css样式效果代码

可以设置移动，旋转，大小语法：transform:值a)移动        语法：transform:translate(值1,值2);        取值：第一个值代表横向移动的像素，第二个值代表纵向移动的像素多学一招：只设置x轴或者y轴的移动可以使用translateX和translateY， ...]]></description>
      <category>css教程</category>
      <author>马不停蹄</author>
      <pubDate>Mon, 26 Jun 2023 11:59:16 +0000</pubDate>
    </item>
    <item>
      <title>四种定位css</title>
      <link>https://jinhei.com/thread-836-1-1.html</link>
      <description><![CDATA[四种定位总结]]></description>
      <category>css教程</category>
      <author>马不停蹄</author>
      <pubDate>Mon, 26 Jun 2023 10:51:48 +0000</pubDate>
    </item>
    <item>
      <title>css伪对象before,after,content</title>
      <link>https://jinhei.com/thread-835-1-1.html</link>
      <description><![CDATA[css伪对象before,after,content

概念：就是给元素追加一个虚拟标签，由css加载，可以节省html的资源开销，必须有content属性，默认是行元素，可以进行转换。::after:在指定的标签后面添加一个对象::before:在指定的标签前面添加一个对象content：元素里面的内容（内容 ...]]></description>
      <category>css教程</category>
      <author>马不停蹄</author>
      <pubDate>Mon, 26 Jun 2023 10:39:16 +0000</pubDate>
    </item>
    <item>
      <title>css属性样式选择器(网站建设中比较重要样式)</title>
      <link>https://jinhei.com/thread-834-1-1.html</link>
      <description><![CDATA[css属性选择器(网站建设中比较重要样式)]]></description>
      <category>css教程</category>
      <author>马不停蹄</author>
      <pubDate>Mon, 26 Jun 2023 08:02:14 +0000</pubDate>
    </item>
    <item>
      <title>css伪类，网站建设，开发定制</title>
      <link>https://jinhei.com/thread-833-1-1.html</link>
      <description><![CDATA[css伪类，网站建设，开发定制
伪类元素:link        正常连接时候的状态元素:visited   点击以后的状态元素:hover     当鼠标移动上去的状态-------重点、常用元素:active     当鼠标按下去时候的状态

first-letter：选择第一个字符语法：元素:first-letterfirst-line ...]]></description>
      <category>css教程</category>
      <author>马不停蹄</author>
      <pubDate>Mon, 26 Jun 2023 07:48:29 +0000</pubDate>
    </item>
    <item>
      <title>css文本属性,文本修饰转换,文本对齐方式,首行缩进</title>
      <link>https://jinhei.com/thread-832-1-1.html</link>
      <description><![CDATA[css文本属性，文本修饰转换，文本对齐方式

a) 文本修饰语法：text-decoration:值取值：        （1）underline下划线        （2）overline上划线        （3）line-through删除线        （4）none没有修饰-----------一般用在a标签上b) 文本转换语法：text-transform ...]]></description>
      <category>css教程</category>
      <author>马不停蹄</author>
      <pubDate>Mon, 26 Jun 2023 07:44:40 +0000</pubDate>
    </item>
    <item>
      <title>css3图片鼠标移动放上去渐渐显示高清特效代码</title>
      <link>https://jinhei.com/thread-802-1-1.html</link>
      <description><![CDATA[css3图片鼠标移动放上去渐渐显示高清特效代码


html代码如下：
css代码：]]></description>
      <category>css教程</category>
      <author>金黑</author>
      <pubDate>Thu, 06 Apr 2023 09:17:51 +0000</pubDate>
    </item>
    <item>
      <title>css制作导航条固定在顶部教程</title>
      <link>https://jinhei.com/thread-801-1-1.html</link>
      <description><![CDATA[css制作导航条固定在顶部教程

先看html代码：
需要将顶部header固定，下面就是css代码：
你学会了吗？]]></description>
      <category>css教程</category>
      <author>金黑</author>
      <pubDate>Thu, 06 Apr 2023 07:02:44 +0000</pubDate>
    </item>
    <item>
      <title>CSS3实现投影效果代码</title>
      <link>https://jinhei.com/thread-537-1-1.html</link>
      <description><![CDATA[CSS3实现投影效果代码]]></description>
      <category>css教程</category>
      <author>admin</author>
      <pubDate>Tue, 07 Feb 2023 06:35:15 +0000</pubDate>
    </item>
    <item>
      <title>css3如何实现字体放大缩小变大变小动画效果</title>
      <link>https://jinhei.com/thread-536-1-1.html</link>
      <description><![CDATA[css3如何实现字体放大缩小变大变小动画效果

css3代码如下：
html代码如下：]]></description>
      <category>css教程</category>
      <author>admin</author>
      <pubDate>Tue, 07 Feb 2023 06:22:35 +0000</pubDate>
    </item>
    <item>
      <title>css背景可以设置为透明代码</title>
      <link>https://jinhei.com/thread-512-1-1.html</link>
      <description><![CDATA[css背景可以设置为透明

代码如下：]]></description>
      <category>css教程</category>
      <author>admin</author>
      <pubDate>Sun, 05 Feb 2023 00:42:58 +0000</pubDate>
    </item>
    <item>
      <title>css3实现图片旋转代码教程</title>
      <link>https://jinhei.com/thread-487-1-1.html</link>
      <description><![CDATA[css3实现图片旋转代码教程

一 css实现图片旋转90度
 二 水平翻转
三 垂直翻转]]></description>
      <category>css教程</category>
      <author>admin</author>
      <pubDate>Wed, 01 Feb 2023 06:11:20 +0000</pubDate>
    </item>
    <item>
      <title>CSS3 filter(滤镜) 属性使用和说明</title>
      <link>https://jinhei.com/thread-434-1-1.html</link>
      <description><![CDATA[CSS3 filter(滤镜) 属性使用和说明
实例
修改所有图片的颜色为黑白 (100% 灰度):
语法：]]></description>
      <category>css教程</category>
      <author>admin</author>
      <pubDate>Fri, 27 Jan 2023 01:16:49 +0000</pubDate>
    </item>
    <item>
      <title>css背景透明颜色代码</title>
      <link>https://jinhei.com/thread-402-1-1.html</link>
      <description><![CDATA[css背景透明颜色代码]]></description>
      <category>css教程</category>
      <author>admin</author>
      <pubDate>Wed, 18 Jan 2023 21:04:13 +0000</pubDate>
    </item>
    <item>
      <title>css3椭圆或半椭圆特效制作</title>
      <link>https://jinhei.com/thread-376-1-1.html</link>
      <description><![CDATA[css3椭圆或半椭圆特效制作

然后通过border-radius属性来设置圆角，在ellipse属性里添加：border-radius:100%; 即可设置椭圆。



为了兼容各种浏览器我们在这里还要添加

案例代码：
输出结果界面如下：



 ...]]></description>
      <category>css教程</category>
      <author>admin</author>
      <pubDate>Wed, 04 Jan 2023 02:05:10 +0000</pubDate>
    </item>
  </channel>
</rss>