📄 css_examples.asp@output=print
字号:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en-US" xml:lang="en-US" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS Examples</title>
<link rel="shortcut icon" href="../favicon.ico" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta name="Keywords" content="xml,tutorial,html,dhtml,css,xsl,xhtml,javascript,asp,ado,vbscript,dom,sql,colors,soap,php,authoring,programming,training,learning,beginner's guide,primer,lessons,school,howto,reference,examples,samples,source code,tags,demos,tips,links,FAQ,tag list,forms,frames,color table,w3c,cascading style sheets,active server pages,dynamic html,internet,database,development,Web building,Webmaster,html guide" />
<meta name="Description" content="Free HTML XHTML CSS JavaScript DHTML XML DOM XSL XSLT RSS AJAX ASP ADO PHP SQL tutorials, references, examples for web building." />
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "../../https@ssl./default.htm" : "../../www./default.htm");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-3855518-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</head>
<body>
<p>From <b>http://www.w3schools.com</b> (Copyright Refsnes Data)</p>
<h1>CSS Examples</h1>
<a href="css_summary.asp"><img border="0" src="../images/btn_previous.gif" width="100" height="20" alt="Previous" /></a>
<a href="css_reference.asp"><img border="0" src="../images/btn_next.gif" width="100" height="20" alt="Next" /></a>
<hr />
<p><b>CSS Background Examples</b></p>
<p>
<a target="_blank" href="tryit.asp@filename=trycss_background-color">Set the background color</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_background-image">Set an image as the background</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_background-repeat">How to repeat a background image</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_background-repeaty">How to repeat a background image only vertically</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_background-repeatx">How to repeat a background image only horizontally</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_background-repeat_no-repeat">How to display a background image only one time</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_background-position">How to place the background image</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_background-position_percent">How to position a background image using %</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_background-position_pixel">How to position a background image using pixels</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_background-attachment">A fixed background image (this image will not scroll with the rest of the page)</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_background">All the background properties in one declaration</a>
</p>
<p><a class="example" href="css_background.asp">Background properties explained</a></p>
<hr />
<p><b>Text</b></p>
<p>
<a target="_blank" href="tryit.asp@filename=trycss_color">Set the color of the text</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_text_background">Set the background-color of the text</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_letter-spacing">Specify the space between characters</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_line-height">Specify the space between lines</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_text-align">Align the text</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_text-decoration">Decorate the text</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_text-indent">Indent text</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_text-transform">Control the letters in a text</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_text_direction">Set the text direction of an element</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_text_word-spacing">Increase the white space between words</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_text_white-space">Disable text wrapping inside an element</a></p>
<p><a class="example" href="css_text.asp">Text properties explained</a></p>
<hr />
<p><b>Font</b></p>
<p>
<a target="_blank" href="tryit.asp@filename=trycss_font-family">Set the font of a text</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_font_caption">Set a paragraph font using the "caption" value</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_font-size">Set the size of the font</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_font-style">Set the style of the font</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_font-size-adjust">Set the size of the font using font-size-adjust</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_font-variant">Set the variant of the font</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_font-weight">Set the boldness of the font</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_font">All the font properties in one declaration</a>
</p>
<p><a class="example" href="css_font.asp">Font properties explained</a></p>
<hr />
<p><b>Border</b></p>
<p>
<a target="_blank" href="tryit.asp@filename=trycss_border">All the border properties in one declaration</a>
<br />
<a target="_blank" href="tryit.asp@filename=trycss_border-style2">Set different borders on each side</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-top">All the top border properties in one declaration</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-bottom">All the bottom border properties in one declaration</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-left">All the left border properties in one declaration</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-right">All the right border properties in one declaration</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-style">Set the style of the four borders</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-top-style">Set the style of the top border</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-bottom-style">Set the style of the bottom border</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-left-style">Set the style of the left border</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-right-style">Set the style of the right border</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-width">All the width border properties in one declaration</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-top-width">Set the width of the top border</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-bottom-width">Set the width of the bottom border</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-left-width">Set the width of the left border</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-right-width">Set the width of the right border</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-color">Set the color of the four borders</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-top-color">Set the color of the top border</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-bottom-color">Set the color of the bottom border</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-left-color">Set the color of the left border</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_border-right-color">Set the color of the right border</a></p>
<p><a class="example" href="css_border.asp">Border properties explained</a></p>
<hr />
<p>
<b>Outline</b></p>
<p>
<a target="_blank" href="tryit.asp@filename=trycss_outline">Draw a line around an element, outside the border edge (outline)</a> (Does not work in IE)<br />
<a target="_blank" href="tryit.asp@filename=trycss_outline-style">Set the style of an outline</a> (Does not work in IE)<br />
<a target="_blank" href="tryit.asp@filename=trycss_outline-color">Set the color of an outline</a> (Does not work in IE)<br />
<a target="_blank" href="tryit.asp@filename=trycss_outline-width">Set the width of an outline</a> (Does not work in IE)</p>
<p><a class="example" href="css_outline.asp">Outline properties explained</a></p>
<hr />
<p><b>Margin</b></p>
<p>
<a target="_blank" href="tryit.asp@filename=trycss_margin">All the margin properties in one declaration</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_margin-top">Set the top margin of a text using a cm value</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_margin-top_percent">Set the top margin of a text using a percent value</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_margin-bottom">Set the bottom margin of a text using a cm value</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_margin-bottom_percent">Set the bottom margin of a text using a percent value</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_margin-left">Set the left margin of a text using a cm value</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_margin-left_percent">Set the left margin of a text using a percent value</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_margin-right">Set the right margin of a text using a cm value</a><br />
<a target="_blank" href="tryit.asp@filename=trycss_margin-right_percent">Set the right margin of a text using a percent value</a></p>
<p><a class="example" href="css_margin.asp">Margin properties explained</a></p>
<hr />
<p><b>Padding</b></p>
<p>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -