编程茶楼 css3 线性渐变和径向渐变示例附图3 线性渐变:ie6以下不兼容 径向渐变:只支持firefox、Chrome和Safari 复制代码代码如下: <!DOCTYPE html> <html> <head>... 05月06日 769 次浏览 发表评论 阅读全文
编程茶楼 使用before和:after伪类制作css3圆形按钮3 制作步骤: 一, <head>标签结构 下面代码中使用了CSS3无前缀脚本prefixfree.js,可以省去CSS3中前缀“-moz”、“-webki... 05月06日 739 次浏览 发表评论 阅读全文
css截取字符串简单实例教程 复制代码代码如下: <html> <head> <meta charset="utf-8"/> <title>css截取字符串</title>... 05月06日 编程茶楼 871 次浏览 发表评论 阅读全文
css串联选择器和后代选择器使用方法教程 串联选择器:作用在同一个标签上复制代码代码如下:<div class=”a” id ="qq"><span>look at the color</... 05月06日 编程茶楼 751 次浏览 发表评论 阅读全文
css制作网页中的虚线(border属性的使用方法)教程 这里边框属性的虚线边框border控制虚线。以下配置的css 高度(css height)和css 宽度(css width)为350像素。 一、四边为虚线边框 border:1px dashed #... 05月06日 编程茶楼 763 次浏览 发表评论 阅读全文
css教程之样式表的基本语法(二) class(类)和id的一个小实例教程 class(类)和id的一个小实例 在上一节中我们了解了如何为特定的标签定义样式,例如我们利用 “h1{font-size: 12px;}”将页面内所有的标题1的字体大小改为了... 05月06日 编程茶楼 1,002 次浏览 发表评论 阅读全文
css教程之样式表的基本语法(一)教程 插入样式表前后的网页。 为了更好地理解样式表的作用,我们先看一个CSS的应用实例。在本例子中,你很容易对比出使用CSS前后两个网页的区别,当然了,现在你可能读不懂CSS部分的代码。别担心,这些代码将在... 05月06日 编程茶楼 960 次浏览 发表评论 阅读全文
css判断不同分辨率显示不同宽度布局实现自适应宽度教程 CSS DIV网页布局中当分辨率小于等于1024px(像素)时,DIV布局对象显示1000px宽度,当分辨率大于1024px时候显示1200px宽度等需求。使用CSS实现改变浏览器显示宽度从而实现布局... 05月06日 编程茶楼 871 次浏览 发表评论 阅读全文
css实现照片模糊效果类似毛玻璃效果教程 复制代码代码如下: <img class="blur" src="test.jpg" /> css中: 复制代码代码如下: .blur { filter: url(blur.svg#blu... 05月06日 编程茶楼 1,000 次浏览 发表评论 阅读全文
编程茶楼 使用css3制作登录表单的步骤3 制作步骤: 一, 引入prefixfree.js脚本 下面代码中使用了CSS3无前缀脚本prefixfree.js,可以省去CSS3中前缀“-moz”、“-webk... 05月06日 1,022 次浏览 发表评论 阅读全文