CSS3制作气泡对话框的实例教程
创建一个100%CSS的气泡，我们从下面的标记考试。XML/HTML Code复制内容到剪贴板 Hithere!接下来，应用一些基本样式。CSS Code复制内容到剪贴板 .speech-bubble{ positi
2026-03-30
CSS3中的transform属性进行2D和3D变换的基本用法
transform 2D之前有看到google将搜寻的页面倾斜，这个功能透过CSS3的transform就可以达成CSS3 2D transform特性可以旋转、倾斜、放大缩小和移动元素，对网页的视觉观感上提供很大的帮助使用方法：CSS Code复制内容到剪贴板 transform:trans
2026-03-30
使用CSS3的font-face字体嵌入样式的方法讲解
对于一个出色的网页，字体的选择是相对关键的，无奈设计师必须考虑用户的本地端是否有相应的字体，因此设计常常只能使用一些较为大众化的常见字体，而舍弃更加适合的字体。在 CSS3 中，这一情况将可以改变。CSS3 中引入了 font-face（嵌入字体类型），实验 font-face 可以把需要的字体上传
2026-03-30
深入理解CSS height属性设置元素的高度
height属性设置元素的高度。注意： height属性不包括填充，边框，或页边距！本文章向码农介绍CSS 高度height 的使用方法和基本实例，需要的css码农可以参考一下。css height高度简介这里的CSS高度是指通过CSS来控制设置对象的高度。使用CSS属性单词height。单位可以使
2026-03-30
利用CSS3的border-radius绘制太极及爱心图案示例
太极图border-radius 除了做边框圆角效果之外，把它用在画图示上的话，其实能产生出很多不同的创意哩。笔者今天要继续使用它来教各位画-太极图。检视原始码 HTMLXML/HTML Code复制内容到剪贴板
2026-03-30
CSS3制作炫酷的下拉菜单及弹起式选单的实例分享
下拉菜单先直接来看效果是怎样：当鼠标移到选单之后，下方会展开并有其它说明内容，我这边是把展开的部份加上图片内容，让它有其它不同的变化。因为这样的动作就像人家庙会时会有舞狮从嘴里丢下贺联一样，所以我才取名为"贺联式选单"。这样的效果其实只需要 HTML 及 CSS 配合就能做出来了，我们先来看 HTM
2026-03-30
使用CSS绘制基础的对话框图案的代码示例
如下图：左侧三角形css代码如下：CSS Code复制内容到剪贴板 #talkbubble{ margin-left:30px; width:120px; height:80px; background:red; position:relative;
2026-03-30
css sprite简单实例
css sprite直译过来就是CSS精灵。通常被解释为“CSS图像拼合”或“CSS贴图定位”。本文章向码农们介绍css sprite使用方法和基本使用实例，需要的码农可以参考一下。一、什么是css spritescss sprites直译过来就是CS
2026-03-30
