[url]http://www.divcss5.com/shili/[/url]
css
原创 2023-05-29 11:03:57
76阅读
CSS爱好者不喜欢HTML表格,尤其是在制作表单的时候,虽然现在已经是XHTML+CSS的年代,但表单的设计大多还在采用table来布局。那么,有没有更好的使用纯语义化XHTML+CSS设计表单方法呢?今天让我们一起来尝...
转载 2009-01-02 09:00:00
590阅读
2评论
CSS 分页实例 一、简单分页 如果你的网站有很多个页面,你就需要使用分页来为每个页面做导航。 以下实例演示了如何使用 HTML 和 CSS 来创建分页: 效果: 二、点击及鼠标悬停分页样式 如果点击当前页,可以使用 .active 来设置当期页样式,鼠标悬停可以使用 :hover 选择器来修改样式
转载 2018-07-24 10:15:00
316阅读
2评论
background
css
原创 2021-07-27 20:52:51
177阅读
css background实例
原创 2022-06-30 17:05:47
99阅读
1:Rounded corners without images 效果图—— Rounded corners without images .rtop, .rbottom{display:block}.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden}.r1{margin: 0 5px}.r2{margin...
转载 2008-05-05 22:25:00
101阅读
2评论
CSS在网页设计中扮演着举足轻重的角色,尤其是CSS3和HTML5的出现,让我们更加相信CSS能给我们带来无限的遐想和强有力的视觉冲击。今天我要给大家推荐几个最新CSS佳作,虽然本人没有设计头脑,但还是懂的怎么去欣赏的,下面就一起来欣赏这几个设计吧,希望大家能够喜欢,更重要的是能在遐想中找到设计的灵感。 1) eFrog Themes 2) Forward Slash Designs 3) Doopsuiker Poppies 4) Court Right Design 5) Made by Chip Munk 6) Kiki and Bree 7) Clear Web Solutions 8
转载 2013-12-03 20:17:00
64阅读
2评论
设页面中有<div class=" vortex "></div>,若定义. vortex的样式规则和关键帧如下: .vortex { position: relative; margin: 100px auto; border-radius: 50%; width:200px; height:20 ...
转载 2021-05-04 12:06:35
397阅读
2评论
css应用实例来自css的70个实例目录:˙01.css背景 ˙02.文本控制 ˙03.css字体控制 ˙04.css边框设置 ˙05.css列表样式 ˙06.css表格应用 ˙07.轮廓展示 ˙08.元素尺寸控制 ˙09.对齐方式 ˙10.css定位 ˙11.css分类属性 ˙12.12 ˙13.13 1.css背景  1.1.设置元素背景颜色  为元素设置背景颜色<style 
原创 2014-03-12 22:07:37
1030阅读
1点赞
百叶窗:    思路:        首先将页面工作区的宽度(或者高度)分成n等分;                   然后按每份的宽度(或高度)在页面中添加n个等宽(或等高)的层<div>; 
原创 2014-07-08 14:03:21
343阅读
在很多人眼里,CSS只能用来设置文字的字体、颜色,好像功能一般。其实CSS如果和JavaScript结合使用可以制作出非常出色的页面效果。大家知道,要想制作出条理清晰的网站,使用框架页是一种简便的方法,可是框架页的制作相当繁琐,而且在对齐上经常有些困难。本文将介绍如何使用CSS实现框架页效果。A、介绍原理使用CSS制作框架页的基本原理是将多个页面的内容集合到一个文件中,每个页面的内容占据一个表格,
转载 2023-10-06 14:13:49
69阅读
文章目录第十四章:使用 CSS 设计网页14.1 CSS 样式表简介14.2 CSS 的基本语法14.3 伪类、伪元素以及样式表的层叠顺序14.3.1 伪类和伪元素14.3.2 样式表的层叠顺序14.4 CSS 中的属性14.4.1 CSS 中的字体及文本控制14.4.2 CSS 中的颜色及背景控制14.4.3 CSS 中的方框的控制属性14.4.4 CSS 中的分类属性14.5 添加 CSS
转载 2024-04-20 21:13:45
33阅读
下面的例子是一个简单的布局最上面是header,左边是一个logo(老男孩),右边是用户的登录信息中间一大块是内容,内容左侧是菜单,右侧是具体的内容代码如下:body的margin为0,确保边上全部填满absolute 确保位置不变; 注意如果他的父级标签有relative,他相对于这个父级标签的位置不变,否则相对于body的位置不变overflow 在内容超过标签范围之后会自动加个滚轮font-
原创 2017-01-17 10:15:31
1321阅读
一、实例1: 二、实例2: 三、实例3: 四、实例4: Clip属性简介:http://www.cnblogs.com/tianma3798/p/5862126.html
转载 2016-09-11 17:07:00
142阅读
2评论
效果: CSS3变形--旋转 rotate() 演示结果 CSS3中的变形--缩放 scale() 演示结果 CSS3中的变形--矩阵 matrix() 演示结果: matrix(scaleX(),skewX(),skewY(),scaleY(),translateX(),translateY())
转载 2017-08-15 20:51:00
157阅读
2评论
转载 2007-03-30 13:18:00
118阅读
2评论
本文由云+社区发表 本文将通过三个简单的实例,实际应用上篇文章的基础理论知识,展示下Flex布局是如何解决CSS布局问题。 一.垂直居中 这里同时用非flex布局和flex布局两种方式来实现,可以对比两种实现方式的差异。 1.1用margin实现垂直居中 实现方式: 父元素采用相对定位,子元素采用绝
转载 2018-12-17 18:16:00
158阅读
2评论
   CSS动画实例:SierPinski地毯           设页面中有,若定义.shape的样式规则为:  .shape  {     width: 100px;     height: 100px;     background: conic-gradient(from 270deg at calc(100% / 3) calc(100% / 3),          
转载 2021-04-29 20:02:23
125阅读
2评论
上一篇简单的过了一遍HTML的常用标签,这一篇继续CSS。例1 CSS的标签选择器<!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title
css
原创 2017-01-16 13:28:19
975阅读
列表属性实例 这是第一行。这是第二行。这是第三行。这是第四行。这是第五行。背景与颜色属性实例headinghere lorem ipsum dolor sitamet.lorem ipsum dolorsitamet.item1item2item3item4item5item6item7ite...
转载 2010-12-12 17:29:00
92阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5