css
关注
分享
扫一扫
文章平均质量分 84
zlpx1983
这个作者很懒，什么都没留下…
展开
-
使用CSS3生成简单的box影子
下面的例子展示了你可生成一个简单的box的影子，使用css3中的box-shadow <!DOCTYPE html><html><head> <title>Creating a simple box shadow on a container using CSS3</title> <styl...原创 2012-04-28 16:27:00 · 246 阅读 · 0 评论 -
用CSS3设置text元素的大小写
下面的例子展示了你如何设置capitalization，通过text-transform样式。text-transform样式接收下面的值。capitalize-首字母大写uppercase-所有字母大写lowercase-所有字母小写none-无 <!DOCTYPE html><html><head> ...2012-03-28 11:25:45 · 148 阅读 · 0 评论 -
使用CSS3建立不可选的的文字
下面的例子展示了在HTML5中你如何使用CSS建立不可选的文字。 <!DOCTYPE HTML><html><head> <title>Creating non-selectable text using CSS</title> <style type="text/css">原创 2012-03-20 11:55:28 · 101 阅读 · 0 评论 -
在容器内使用CSS设置背景颜色
下面的例子展示了你如用CSS3展示当用鼠标经过的时候，改变背景的颜色。<!DOCTYPE HTML><html><head> <title>Setting a background color hover on a container using CSS</title> <style type=...2012-03-19 13:02:57 · 554 阅读 · 0 评论 -
用CSS3在一个容器中使用特定的圆角
下面的例子展示了你如何使用CSS3在HTML容器中设置一个特定的圆角半径。使用border-top-left-radius 和border-bottom-right-radius样式。<!DOCTYPE HTML><html><head> <title>Rounding specific corners on a co...2012-03-18 22:56:58 · 253 阅读 · 0 评论 -
用CSS3生成多列文本流
下面的例子展示了你如何生成多列文字的布局。通过设置column-count 。 <!DOCTYPE html><html><head> <title>Creating multi-column text flows using CSS3</title> <style type="text/c...2012-03-18 22:51:47 · 180 阅读 · 0 评论 -
在HTML列表上改变列表位置风格
下面的例子展示了你如何在list上增加list-style-image。 <!DOCTYPE HTML><html><head> <title>Using a custom image as a bullet on an HTML list</title> <style type="text...原创 2012-06-12 22:56:12 · 521 阅读 · 0 评论 -
使用CSS3生成简单的属性动画
使用CSS3动画/过渡,transition-duration和transition-property,transition-timing-function风格。<!DOCTYPE html><html><head> <title>Creating simple property animations using CSS3...原创 2012-06-03 22:04:19 · 107 阅读 · 0 评论 -
使用CSS3生成一个inset盒子阴影（带透明度）
在前面的例子里面， 用CSS3创建一个简单盒子的阴影的透明度。下面的例子，展示给你在box-shadow样式里面用CSS3和指定inset的参数，在在box-shadow使用rgba()。<!DOCTYPE html><html><head> <title>Setting the box shadow alpha on...原创 2012-06-03 21:47:21 · 382 阅读 · 0 评论 -
使用CSS3生成一个inset盒子阴影
在前面的例子里面， 用CSS3创建一个简单盒子的阴影。下面的例子，展示给你在box-shadow样式里面用CSS3和指定inset的参数。<!DOCTYPE html><html><head> <title>Creating an inset box shadow on a container using CSS3</ti...原创 2012-06-03 19:55:55 · 1417 阅读 · 0 评论 -
用CSS3设置P的对齐方式
下面的例子展示了你如何设置P标签的对齐方式，采用text-align。 <!DOCTYPE html><html><head> <title>Setting the text alignment on a text element using CSS</title> <style type=...原创 2012-03-28 11:34:10 · 1557 阅读 · 0 评论