@mrjyn
April 19, 2011
#CSS3 尝鲜(二)
CSS3尝鲜(二):用CSS设置多个背景、背景渐变、指定背景大小 | ||||||||||||||||||||||||||||||
作者:孟宪会 发布日期:2010-01-19 11:08:20 | ||||||||||||||||||||||||||||||
CSS3规范中对背景这一部分,新加入了一些令人兴奋的功能,如可以设置多个背景图片、可以指定背景大小、设置背景渐变等功能。CSS3规范中定义的背景属性有:
CSS 代码
Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->background:url(http://dotnet.aspx.cc/Book/Images/CSS1_s.jpg) 0 0 no-repeat, url(http://dotnet.aspx.cc/Book/Images/CSS2_s.jpg) 200px 0 no-repeat, url("http://dotnet.aspx.cc/Book/Images/ASPNET20Book1_s.jpg") 400px 201px no-repeat;
CSS 代码
Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->background-image:url("http://dotnet.aspx.cc/Book/Images/CSS1_s.jpg"),url("http://dotnet.aspx.cc/Book/Images/CSS2_s.jpg"),url("http://dotnet.aspx.cc/Book/Images/ASPNET20Book1_s.jpg"); background-repeat: no-repeat, no-repeat, no-repeat; background-position: 0 0, 200px 0, 400px 201px;
CSS 代码
Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->background-image:-moz-linear-gradient(left, rgba(0, 255, 0, 1), rgba(255, 0, 0, 0)), url("http://dotnet.aspx.cc/Book/Images/CSS2_s.jpg");
CSS 代码
Code highlighting produced by Actipro CodeHighlighter (freeware) http://www.CodeHighlighter.com/ -->background-image:url("http://dotnet.aspx.cc/Book/Images/CSS2_s.jpg"), -moz-linear-gradient(left, rgba(0, 255, 0, 1), rgba(255, 0, 0, 0)); 例子的全部源代码如下:
以上例子的最终显示效果如下图所示(如果图片不能显示,请直接点击链接查看)。查看本例子的效果需要Firefox 3.6,Chrime,Safari4的浏览器。其中 Firefox 3.6可以看到全部的效果。 |
Preposterous Tongueloquent Fetish
">Perfect American Tongue Fetish, No Cheek - Me and
Perfect American Tongue Fetish, No Cheek - Me and Shawna G, No McGee
whatgetsmehot.tumblr.com
Perfect American Tongue Fetish, No Cheek - Me and Shawna G, No McGee
whatgetsmehot.tumblr.com
Japanese Modern Jazz Opera 6 min [Japanese Modern Jazz Opera] whatgetsmehot.posterous.com youtube.com Posted: 15 Jan 2011 Simply the best thing I've ever ... youtube.com |
tongue fetish Summary:
MORE Dogmeat »
Search Results 縦組み - Wikipedia < 縦組(たてぐみ)とは、日本語組版において、文字の中心を縦方向に揃えて並べて版面を構成すること。 手書きの場合には縦書きといい、反対に、横方向に版を組むことを ... ja.wikipedia.org/wiki/縦組み - Cached - Similar ► 横組み - Wikipedia - [ Translate this page ] このため、一字一字の縦横の長さの異なる欧文書体の場合と違って、同一の活字で二種類 ... 組版と書体 - 組み方向と句読点 - 横組の書籍 - 外部リンク ja.wikipedia.org/wiki/横組み - Cached - Similar Show more results from wikipedia.org 縦組 とは - コトバンク - [ Translate this page ] デジタル大辞泉 縦組の用語解説 - 印刷で、各行が縦読みになるように活字を並べる組み方。 ... kotobank.jp/word/縦組 - Cached - Similar [PDF] 縦組文書における数字の表記方法 - [ Translate this page ] File Format: PDF/Adobe Acrobat - Quick View 縦組文書における数字の表記方法. (コンピュータ組版に残された課題のひとつとして). 長 村 玄. †. Gen NAGAMURA. PC を用いてデスクトップ上で組版ができるように ... www.hi-ho.ne.jp/y-komachi/committees/vma/confs/.../15-1.pdf - Similar 横組みのテキストを縦組みに変えたい - [ Translate this page ] 書式から組み文字 縦組みを選択する。 ... 半角文字を縦組みにしてみましょう。イラストレ... 横組みのテキストを縦組みに変えたい · 書式から組み文字 縦組みを選択 ... www.dougamanual.com › ブログTOP - Cached - Similar Togetter - 「EPUBに縦組が入るか!? The EPub Enhanced Global ... - [ Translate this page ] 2010年8月3日 ... 僕の個人見解では縦組の指定は仕様に入れるべき。「縦組は全て実装に任せればいい」←異なる ... 実装に任せる” ←縦組はビューワ側の実装に委ねる。 ... togetter.com/li/39592 - Cached - Similar Adobe Forums: pdfファイルをまとめると縦組がおかしく... -
">Perfect American Tongue Fetish, No Cheek - Me and
Perfect American Tongue Fetish, No Cheek - Me and Shawna G, No McGee whatgetsmehot.tumblr.com
Japanese Modern Jazz Opera 6 min [Japanese Modern Jazz Opera] whatgetsmehot.posterous.com youtube.com Posted: 15 Jan 2011 Simply the best thing I've ever ... youtube.com |
P22 type foundry: Typecaster™
Preview fonts from each foundry!
To use the Typecaster™, once the alphabet appears after loading click on a letter and then click on a family from the list that appears on the left. A list of fonts in the family that you can preview will appear. Click on any of those to view the font. You can go back to the previous view by clicking on the black dot in the bottom of the preview and rescale the preview by dragging the triangle left or right. To view a fonts web page click on the "Go To Family Page" next to the fonts info in the font list view.
- Powered by Dogmeat XR
- HERE FOR ETERNITY PRESERVED PREMPTORILY BUT PROVIDING POSTHUMOUSLY MUCH NEEDED AND MAY I SAY IT SINGULAR EXCELLENCE AND GENRE BUSTING GENIUS ARE one of THREE THAT no MAN YOUTUBE OR FACEBOOK SHALL TRY TO DENY, Baby!
- dogmeat (28)
- tongue_fetish (16)
- permalink (16)
- Amsterdam (7)
- preposterous (6)
- brandon (4)
- grandiloquent (3)
- youtube (3)
- gallery (3)
- disrespectful (3)
- phineas (3)
- powered (3)
- earthchild (2)
- minutes (2)
- pjustusxi (2)
- sobachemyaso (2)
- ultimate (2)
- subscribed (2)
- gewurtzraminer (2)
- posting (2)
- includes (2)
- download (2)
- married (2)
- example (2)
- buckshotlafunke (2)
- shadows (2)
- collapsing (2)
- thicknesses (2)
- greencan (2)
- rjpimprov (2)
- fi_garamond (2)
- fonts&rdquo (2)
- wikimedia (2)
- schneider (2)
- kontrast (2)
- roiling (2)
- shredded (2)
- updates (2)
- threefer (1)
- channels (1)
- million (1)
- effects (1)
- demonstrates (1)
- thousand (1)
- corners (1)
- closest (1)
- speaking (1)
- clothes (1)
- promises (1)
- cleaning (1)
- friends (1)
- fontfont (1)
- examples (1)
- funk_king (1)
- thicker (1)
- multiple (1)
- defined (1)
- bandcamp (1)
- brandoncoleman (1)
- borders (1)
- rowspanning (1)
- rendering (1)
- undefined (1)
- position (1)
- different (1)
- adjoins (1)
- classic (1)
- british (1)
- gradient (1)
- gradients (1)
- glossary (1)
- generated (1)
- fricken (1)
- gaejang (1)
- grandchildren (1)
- williams (1)
- yonkers (1)
- zigounet (1)
- xhtml&trade (1)
- working (1)
- winnipeg (1) NOT FUTURE GAEJANG GAPS GARDE GEILE GENE GENERATED GENIUS GENRE GERMAN GEWURTZRAMINER GIVES GLOSSARY GOD GOING GOLD GONE GOWN GRADE GRADIENT GRADIENTS GRAMMY GRANDCHILDREN GRAY GREAT! > WIFE WIKIMEDIA WILLIAMS WINDOW WINNIPEG WIRE WITHOUT WIUM WORKING WORTH WOULD& WRITE WRONG XHTML&TRADE YO YONKERS ZACK ZAPPA& ZIGOUNET Posted Apr PM PDT via xhamster com Permalink Leave a comment » Nurse shift Posted Apr PM PDT via xhamster com Permalink Leave a comment » Smoke break Posted Apr PM PDT via xhamster com Permalink Leave a comment » Best German Sponge Bath Ever!
- Hour Window Start PM CST Posted Apr PM PDT via xhamster com Permalink Leave a comment » This posting includes an audio video photo media file Download Now Sick guy Posted Apr PM PDT via ut xhamster com Permalink Leave a comment » Brandon Shred Stops Shredding and Gets Serious! s cds visit brandoncoleman bandcamp com Permalink Leave a comment » Permalink Leave a comment » This posting includes an audio News Blogs Web
| ||
| ||
|
via google.com
tongue_fetish.flv Watch on Posterous
">Perfect American Tongue Fetish, No Cheek - Me and
Perfect American Tongue Fetish, No Cheek - Me and Shawna G, No McGee
whatgetsmehot.tumblr.com
Perfect American Tongue Fetish, No Cheek - Me and Shawna G, No McGee
whatgetsmehot.tumblr.com
Japanese Modern Jazz Opera 6 min [Japanese Modern Jazz Opera] whatgetsmehot.posterous.com youtube.com Posted: 15 Jan 2011 Simply the best thing I've ever ... youtube.com |
tongue fetish Summary:
MORE Dogmeat »
All-Naked Female Japanese Orchestra
HERE FOR ETERNITY PRESERVED PREMPTORILY BUT PROVIDING POSTHUMOUSLY MUCH NEEDED AND MAY I SAYPOSITIVELY reserved. Asian_women_original_concert.mp4 Watch on Posterous GENRE BUSTING GENIUS ARE one of THREE THAT no MAN YOUTUBE OR FACEBOOK SHALL TRY TO DENY YOU!
ONLY FROM DOGMEAT'S FERTILESavant Garden! Babe!
Asian_women_original_concert.mp4 Watch on Posterous
Copyright © All rights
Summary:
- Eve Powered by Dogmeat XR for Fri April PM CST to Go! s Fonts Duesenberg NF Dogmeat Dogmeat Jigger Rounded FontFont FF Jigger Dogmeat Pixel Dust Black Dogmeat Funk_King Pixel Dust Dogmeat Dogmeat Feosa Italic Dogmeat Schneider High Kontrast Shadow
- Dogmeat Dogmeat Intellecta Design Schneider Kontrast Dogmeat LD Hang Ten Dogmeat Lettering Delights LD Hang Ten Dogmeat Dogmeat Ambrosia Porches Typographer Stanchion
- Permalink Leave a comment » Fi_garamond Posted Apr AM PDT via upload wikimedia org Permalink Leave a comment » Dogmeat XR to Go! (354)
- dogmeat (28)
- comment (16)
- permalink (16)
- xhamster (7)
- posterous (6)
- brandon (4)
- grandiloquent (3)
- youtube (3)
- gallery (3)
- disrespectful (3)
- phineas (3)
- powered (3)
- earthchild (2)
- minutes (2)
- pjustusxi (2)
- sobachemyaso (2)
- ultimate (2)
- subscribed (2)
- gewurtzraminer (2)
- posting (2)
- includes (2)
- download (2)
- married (2)
- example (2)
- buckshotlafunke (2)
- shadows (2)
- collapsing (2)
- thicknesses (2)
- greencan (2)
- rjpimprov (2)
- fi_garamond (2)
- fonts&rdquo (2)
- wikimedia (2)
- schneider (2)
- kontrast (2)
- roiling (2)
- shredded (2)
- updates (2)
- threefer (1)
- channels (1)
- million (1)
- effects (1)
- demonstrates (1)
- thousand (1)
- corners (1)
- closest (1)
- speaking (1)
- clothes (1)
- promises (1)
- cleaning (1)
- friends (1)
- fontfont (1)
- examples (1)
- funk_king (1)
- thicker (1)
- multiple (1)
- defined (1)
- bandcamp (1)
- brandoncoleman (1)
- borders (1)
- rowspanning (1)
- rendering (1)
- undefined (1)
- position (1)
- different (1)
- adjoins (1)
- classic (1)
- british (1)
- gradient (1)
- gradients (1)
- glossary (1)
- generated (1)
- fricken (1)
- gaejang (1)
- grandchildren (1)
- williams (1)
- yonkers (1)
- zigounet (1)
- xhtml&trade (1)
- working (1)
- winnipeg (1)
- fortunate (1)
- handy_julianne_moore (1)
- i_trod_on_your_gown (1)
- elements (1)
- serious (1)
- bang_clothes_have_gone (1)
- rounded (1)
- realize (1)
- floored (1)
- flooring (1)
- shredding (1)
- duesenberg (1)
- julianne (1)
- blooper (1)
- element (1)
- eternity (1)
- preserved (1)
- rolling (1)
- Eve Powered by Dogmeat XR for Fri April PM CST to Go! s Fonts Duesenberg NF Dogmeat Dogmeat Jigger Rounded FontFont FF Jigger Dogmeat Pixel Dust Black Dogmeat Funk_King Pixel Dust Dogmeat Dogmeat Feosa Italic Dogmeat Schneider High Kontrast Shadow Dogmeat Dogmeat Intellecta Design Schneider Kontrast Dogmeat LD Hang Ten Dogmeat Lettering Delights LD Hang Ten Dogmeat Dogmeat Ambrosia Porches Typographer Stanchion Permalink Leave a comment » Fi_garamond Posted Apr AM PDT via upload wikimedia org Permalink Leave a comment » Dogmeat XR to Go! (354)
MORE Dogmeat »
King Kong und Die Geile Frau (COULDN'T POSSIBLY DESCRIBE IT!)
King Kong und Die Geile Frau
KingKongUndDieGeileFrau
your 4000000-view present in flesh
(COULDN'T POSSIBLY DESCRIBE IT!)
.
King Kong und Die Geile Frau
note
Live examples
border: solid 10px; /* the border will curve into a */ -moz-border-radius: 0 50px 50px 0; border-radius: 0 50px 50px 0;
border: groove 1em red; -moz-border-radius: 2em; -webkit-border-radius: 2em; border-radius: 2em;
Newbackground: gold; border: ridge gold; -moz-border-radius: 13em/3em; webkit-border-radius: 13em 3em; border-radius: 13em/3em;king_kong_und_die_geile_frau.mp4 Watch on Posterous
background: -moz-border-radius: 40px 10px; border-radius: 40px 10px;
background:; color: gray; border-radius: 50%;
Notes
- Dotted and dashed rounded border corners are rendered as solid; see bug 382721 .
border-radius
does not apply to table elements whenborder-collapse
iscollapse
.- Older Safari/WebKit handles multiple values different, see below.
Browser compatibility
Feature | iOS Safari | Opera Mini | Opera Mobile | Android Browser |
---|---|---|---|---|
Basic support | 3.2 -webkit | -- | -- | 2.1 -webkit |
Elliptical borders | ? | -- | -- | ? |
4 values for 4 corners | ? | -- | -- | ? |
Percentages | ? | -- | -- | ? |
border-radius CSS property can be used to give borders rounded corners. The radius applies also to the border-top-left-radius
MORE Dogmeat »
Subscribe to:
Posts (Atom)