CSS3教程(3):border-color网页边框色彩

CSS3教程(3):border-color网页边框色彩的相关文章

• 
  CSS3教程(4):网页边框和网页文字阴影

  标签：Web开发

  阴影大约从CSS2就开始有了，但是只有Safari一个浏览器支持它，到现在依然是这样。阴影在CSS3中可以应用在边框和文字上，就像图片的阴影效果一样。 上一篇介绍了：CSS3教程(3):border-color网页边框色彩 一般可以分为box-shadow和textshadow两类。 CSS3的box-shadow和textshadow可以写做：box-shadow:Apx Bpx Cpx #xxx; Apx = x轴 Bpx = y轴 Cpx = 投影长度 #XXX = 像通常一样的颜色 了解了这些，我们...[ 查看全文 ]

  血祭红罂粟

  11
• 
  CSS3系列教程:边框颜色

  标签：Web开发

  现在我们来看一看如何为边框的border-color添加更多的色彩。 使用CSS3的border-radius属性，如果你设置了border的宽度是X px，那么你就可以在这个border上使用X种颜色，每种颜色显示1px的宽度。如果说你的border的宽度是10个像素，但是只声明了5或6中颜 色，那么最后一个颜色将被添加到剩下的宽度。 浏览器兼容性 目前只有Firefox支持CSS3 border-colour属性，所以我们这里只需使用-moz前缀。 所有本系列...[ 查看全文 ]

  骑着毛驴看景o

  101
• 
  CSS3系列教程:边框半径和圆角

  标签：Web开发

  页面中圆角的实现是个很头疼的问题，虽然现在有很多种实现方法，但是都是比较麻烦的。在本文中，让我们看看如何使用CSS3 border-radius来实现圆角DIV。   跨浏览器兼容性 就像在上一篇《CSS3系列教程：简介》中提到的，并不是所有的浏览器支持CSS3，但是那些比较好的浏览器选择兼容，而不是直接支持。我们有两个能使用的前缀。 前缀： -moz(例如 -moz-border-radius)用于Firefox -webkit(例如：-...[ 查看全文 ]

  赵佩暄

  81
• 
  CSS3教程(7):CSS3嵌入字体

  标签：Web开发

  想要制作一些很酷的头部效果而且摆脱网站安全字体并且不使用图片文件？那么就使用CSS3嵌入字体吧！ 上一篇：CSS3教程(6):创建网站多列 要使用一款字体，我们首先需要使用‘@font-face’属性。这必须先准备好我们要用的字体文件。 尽管这样，让我们简单的学习一下字体方面的历史。@font-face属性从CSS2就已经考虑了，但却始终在CSS2.1中还没有出现。CSS3尝试经它带到标准中来。 如果你手上没...[ 查看全文 ]

  不安静的失落

  21
• 
  CSS3教程(10):CSS3 HSL声明设置颜色

  标签：Web开发

  使用CSS3 HSL声明同样是用来设置颜色的。下一个呢？ HSLA？ 是的，这个和RGBA的效果是一样的。 上一篇文章：CSS3教程(9):设置RGB颜色 HSL声明使用色调Hue(H)、饱和度Saturation(s)和亮度Lightness(L)来设置颜色。 Hue 衍生于色盘：0和360是红色，接近120的是绿色，240是蓝色。 Saturation 值是一个百分比：0%是灰度，100%饱和度最高 Lightness 值也是一个百分比：0%是最暗，50%均值，100%最亮。 ...[ 查看全文 ]

  张杰马玉涛

  41
• 
  CSS3教程(8):CSS3透明度指南

  标签：Web开发

  CSS3透明不透明渐变随便你怎么叫它吧！这里是一些使用CSS3透明度的指南以及一些例子。 其实这个firefox很久以前就支持了，而IE一直不支持！ 上一篇文章：CSS3教程(7):CSS3嵌入字体 opacity声明用来设置一个元素的透明度：层、文字、图片等一个opacity的值为1的元素是完全不透明的，反之，值为0是完全透明的，看不见的。1到0之间的任何值都表示该元素的透明程度。 浏览器兼容性 opacity是浏览器支持...[ 查看全文 ]

  天蝎赵忠航

  31
• 
  CSS3系列教程:阴影

  标签：Web开发

  阴影大约从CSS2就开始有了，但是只有Safari一个浏览器支持它，到现在依然是这样。阴影在CSS3中可以应用在边框和文字上，就像图片的阴影效果一样。 一般可以分为box-shadow和textshadow两类。 CSS3的box-shadow和textshadow可以写做：box-shadow:Apx Bpx Cpx #xxx; Apx = x轴 Bpx = y轴 Cpx = 投影长度 #XXX = 像通常一样的颜色 了解了这些，我们就可以以下面的方法开始体验了 浏览器兼容性： 在前面的介...[ 查看全文 ]

  cghjvhome

  21
• 
  CSS教程：详解CSS3 Media Queries

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  说起CSS3的新特性，就不得不提到 Media Queries 。本文比较详细，所以很多实际中用不到。所以如果只是想简单了解Media Queries，推荐参考 CSS3 Media Queries 。 CSS2.1定义了 Media 的部分，包括类型、组别和规则等。CSS并非为了显示器而创造，而是应用于各种各样的媒体，比如常见的显示器，越来愈多的手持设备，可能略显过时的电视机等等。 而 Media Queries 的引入，其作用就是允许添加表达式用以确定媒...[ 查看全文 ]

  运城学院好男人

  21
• 
  CSS3教程(5):网页背景图片

  标签：Web开发

  背景图片/纹理有很多种使用方式，常常用于添加网站的最佳的最终美化。现在它在CSS3中被重视，我们可以应用多背景图和背景图片尺寸来实现更完美的效果。 上一篇文章：CSS3教程(4):网页边框和网页文字阴影 CSS3的背景图片大小可以写成 background-size:Apx Bpx; -Apx = x轴(图片宽度) -Bpx = y轴(图片高度) 了解了这些，我们开始体验这个特性吧： 最好支持CSS3背景大小的浏览器是Safari和Opera，所以我们...[ 查看全文 ]

  此奶柒尺大乳

  51
• 
  用CSS3做的各种网页效果

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有些效果不能跨浏览器(甚至是支持CSS3的浏览器)运行，有些只是展示并没什么实际 用途， 但仅用CSS实现出的这些效果似乎没什么可以挑剔的。 对于设计人员和开发人员来说，CSS一直是web设计过程中重要的一部分，随着CSS3的出现以及越来越多的浏览器对它的支持，设计师们有了 更多的选择。用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有...[ 查看全文 ]

  々々米修

  141
• 
  初步了解CSS3

  标签：Html CSS布局 Div+CSS XHTML

    最近闲来无事，上W3C转了一圈，粗略地浏览了一下尚未发布的CSS3，虽然还未被W3C正式发布出来，但还是能从已有的资料中窥出一些端倪，一个很明显的特征，CSS3制订得越来越细致了，某些细节之处完全超乎你所能想象的到的范围。 在这里不提及CSS3的语法，因为对于目前尚未有软件支持的CSS3，任何语法的探讨都像是空中楼阁，毫无意义可言。以下我就列举一下CSS3中部分新内容。 1、...[ 查看全文 ]

  3鈨o笍濮

  41
• 
  网页美工应该了解的CSS3新技术

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  1：基本标记 在我们开始这个教程之前，先来创建整个教程都要使用的基本标记。 我们的xHTML需要一下div元素: #round, 使用CSS3代码实现圆角. #indie, 应用个别的几个圆角. #opacity, 展示新的CSS3实现不透明度的方式. #shadow,展示不使用Photoshop的情况下，使用CSS3来实现阴影效果. #resize, 展示如何使用某种CSS来实现重设大小的效果. 综上所述，我们的xHTML应该是这样的:    !DOCTYP...[ 查看全文 ]

  政通人和天地人

  21
• 
  CSS3样式：box-shadow,border-radius和transition

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  直接在图片元素上直接应用CSS3 inset box-shadow 或 border-radius时，浏览器并不能完美的渲染它们。不过，如果把这个图片用作背景图，你就可以可以给它添加任何样式了，浏览器也会很好地渲染。 Darcy Clarke 和我做了一个简单的教程，讲解如何使用jQuery来动态地制作完美的 圆角图片 。今天我将重温这个主题然后向你展示使用background-image的方法可以实现多少效果。我将向你展示如何使用box-shadow、borde...[ 查看全文 ]

  松花江_黑水

  201
• 
  可用CSS3实现的常见网页设计应用

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  对于设计人员和开发人员来说， CSS 一直是web设计过程中重要的一部分，随着 CSS3 的出现以及越来越多的浏览器对它的支持，设计师们有了更多的选择。现在，用纯CSS也可以实现各种各样很酷的效果了，甚至是动画。虽然有些效果不能跨浏览器(甚至是支持CSS3的浏览器)运行，有些只是展示并没什么实际用途， 但仅用CSS实现出这些效果也是一大进步。 这里有几个可以使用CSS3实现的常见网页设计应用，你可以马上动手...[ 查看全文 ]

  痛过所以青春

  31
• 
  CSS3教程：由CSS3代码生成的图形与图标设计

  标签：Web开发

  本文中的这些标志与图标都是用CSS3制作而成，看上去似乎很不可思议，其中包括了IE图标，网站图标，奥运会标志等等，都是一些十分常见的标志，而它们之所有如此特别是因为这些标志与图标只是用CSS3来显示在网页中，而并非图片显示。 尽管被批评为走火入魔，CSS3 痴迷者们仍然在尝试实现各种基于纯 CSS 的图形与图标设计，如果你看到本文介绍的这些精美图标，你绝对不会相信它们完全是由 CSS3 代码生成的。尤...[ 查看全文 ]

  坏孩子丨最拉风

  81
• 
  CSS3教程(9):设置RGB颜色

  标签：Web开发

  使用新的CSS3的”RGBA”声明，不仅仅让我们像通常一样设置RGB颜色，而且还可以设置其透明度。 RGBA像RGB一样设置颜色，而这个”A”——RGBA中的最后一个值——允许我们设置该元素的透明度。就像opacity声明一样，一个opacity值为1的元素是完全不透明的，而一个opacity为0的元素是完全透明的。 浏览器兼容性 RGBA现在在Firefox、Google Chrome和Safari中都有比较好的支持，同样不需要前缀。 CSS3 RGBA 色...[ 查看全文 ]

  nswbdty

  81
• 
  CSS3 有关的问题

  标签：Web开发

  Eric A. Meyer 对基于 Web 标准的 CSS 与 HTML 绝非一知半解，他是这个领域杰出的专家，曾写过不少 CSS 方面的书，是 An Event Apart 的合伙创始人，A List Apart 团队成员，还是 Complex Spiral Consulting 的创始人。另外， Eric Meyer 7年来一直是 CSS Working Group 资格深获邀专家，他们负责维护和开发 CSS。   不用说，如果要找个人请教一些 CSS 方面的问题，Eric Meyer 就是那个人。本文作者...[ 查看全文 ]

  你印哥

  21
• 
  网页制作必知：初探CSS3的RGBA颜色

  标签：Web开发

  一直以来，浏览器的透明一直无法实现 单纯的颜色透明，每次使用alpha后就会把透明的属性继承到子节点上。换句话说，很难实现背景颜色透明而文字不透明的效果，直到RGBA颜色的出现这一切将成为现实。 实现这样的效果非常简单，设置颜色的时候我们使用标准的 rgba() 单位即可, 如rgba(255,0,0,0.4) 这样就出现了一个红色同时拥有alpha透明为0.4的颜色。 经过测试 firefox 3.0 safari 3.2 o...[ 查看全文 ]

  阿伟944299088

  11
• 
  32个使用CSS3技术的网页设计欣赏

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  我想很多同学也慢慢接触到CSS3这们技术，比如简单的圆角、下阴影使用，然而这些是不够的，我们需要学习一些使用CSS来实现的交互，让网页更有动感，这也是未来的设计趋势，手机网站、APP也是如此，把交互设计重视起来。 今天我们摘选32个使用CSS3技术的网页设计，从这些作品中我们可以学习别人是如何运用CSS3并配合自己的iDea来实现很多漂亮的交互效果，想你的网站上个档次？这些网站真的高大上啊，慢慢欣赏...[ 查看全文 ]

  良心找不到寄托

  31
• 
  CSS3教程:rem设置字体大小

  标签：Web开发

  在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EM优点多，还有人在说百分比方便，以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是，仍然有不同的利弊，使各种技术都不太理想，但又无法不去用。真是进也难，退也难呀。 最近在学习em的相关知识的时候，无意之间让我拾得一宝，就是使用rem来设置Web页面的字体大小。让...[ 查看全文 ]

  gc_123456789

  261