<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> cssrain demo</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<STYLE type=text/css>
body{FONT: 12px "sans-serif", "Arial", "Verdana";}
INPUT.txtInput {
BORDER-RIGHT: #999 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #999 1px solid; PADDING-LEFT: 20px; BACKGROUND: #fff no-repeat 2px center; PADDING-BOTTOM: 2px; BORDER-LEFT: #999 1px solid; PADDING-TOP: 2px; BORDER-BOTTOM: #999 1px solid
}
INPUT.searchInput {
BACKGROUND-IMAGE: url(http://img.namipan.com/p/f07aafc135dc521a17c505a9fc95a3649685fb9d55020000/3/2.gif)
}
INPUT.commentInput {
BACKGROUND-IMAGE: url(http://img.namipan.com/p/ba88715a8216c08d925f3e8613960df0bf38168578010000/3/1.gif)
}
INPUT.borderInput {
BORDER-RIGHT: #d5dee9 1px solid; PADDING-RIGHT: 3px; BACKGROUND-POSITION: left top; BORDER-TOP: #d5dee9 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; BORDER-LEFT: #d5dee9 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #d5dee9 1px solid; BACKGROUND-REPEAT: no-repeat
}
</STYLE>
</HEAD>
<BODY>
<P>
<LABEL for=keyword>用户名:</LABEL>
<INPUT class="txtInput searchInput" id=keyword name=keyword>
</P>
<P>
<LABEL for=comment>评论:</LABEL>
<INPUT class="txtInput commentInput" id=comment name=comment>
</P>
<P>
<LABEL for=background>边框:</LABEL>
<INPUT class=borderInput id=border name=border> </P>
</BODY>
</HTML>
本篇文章来源于 cssrain.cn 原文链接:http://www.cssrain.cn/article.asp?id=561
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cn" lang="cn">
<head>
<title></title>
<meta http-equiv="content-type" content="text/html; charset=gbk"/>
<style type="text/css">
.fab{width:440px;height:100px;font-size:12px;padding:3px;background: #f8f9ff url(http://www.cssrain.cn/skins/tim/isll_t.gif) no-repeat;border: 1px solid #c4c9fd;color:#6C63A3}
.fabt{width:440px;height:100px;font-size:12px;padding:3px;border:1px solid #f7ca06;background:#fffbca;color:#cb6a24}
.fabtt{width:440px;height:100px;font-size:12px;padding:3px;background: #f8f9ff;border: 1px solid #c4c9fd;color:#6C63A3}
</style>
</script>
</head>
<body>
<textarea name="v_content" id="v_content" class="fab" onblur="this.className='fabtt'" onfocus="this.className='fabt'" onkeydown="ctrlenterkey(event);" onfocus="if (securitycodejs!=null){document.getElementById('showsecuritycode').innerHTML=securitycodejs; securitycodejs=null;}"></textarea>
</body>
</html>
本篇文章来源于 cssrain.cn 原文链接:http://www.cssrain.cn/article.asp?id=202
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<meta http-equiv="content-type" content="text/html; charset=gbk">
<head>
<title>Terms and Conditions for div vs textarea</title>
<style type="text/css">
h1 {font:bold 1.2em/1.6em arial;margin:4px 0;padding:4px 0;}
h2 {font:normal 1.1em/1.5em arial;margin:14px 0 0 0;padding:4px 0;}
div, p {font: normal 1em/1.3em arial;}
textarea.terms {
width:600px;
height:200px;
border:1px solid #ccc;
background:#f2f2f2;
font:normal 11px/15px arial;
padding:6px;
color:#333;
}
div.terms {
width:600px;
height:200px;
border:1px solid #ccc;
background:#f2f2f2;
padding:6px;
overflow:auto;
}
div.terms p,
div.terms li {font:normal 11px/15px arial;color:#333;}
div.terms h3 {font:bold 14px/19px arial;color:#000;}
div.terms h4 {font:bold 12px/17px arial;color:#000;}
div.terms strong {color:#000;}
</style>
</head>
<body>
<h1>Scrolling boxes of terms: textarea vs div</h1>
<h2>Using textarea:</h2>
<textarea class="terms" readonly="readonly">
Terms and Conditions
GENERAL
Servicing servicing resistor video computer element transponder prototype analog solution mainframe network. Solution video debugged feedback sampling extended, infrared, generator generator.
* list item number one
* list item number two
* list item number three
Harmonic gigabyte generator in sequential interface. Services, integer device read-only supporting cascading cache capacitance. Proxy boolean solution or data overflow element overflow processor arrray video, reflective extended. Gigabyte debugged distributed, reflective controller disk encapsulated phase network arrray feedback element cache high silicon. Sampling backbone analog remote adaptive extended bridgeware n-tier integer audio femtosecond.
IMPORTANT STUFF
Interface broadband developer backbone fragmentation messaging software transmission, sampling cascading element high silicon backbone. Reflective servicing coordinated boolean connectivity extended inversion sequential for. Data distributed backbone bridgeware connectivity logarithmic, sampling ethernet for. Extended logarithmic log video echo gigabyte. or procedural phaselock sequential port extended deviation sequential, disk recognition gigabyte phaselock proxy messaging arrray. Encapsulated echo deviation boolean system ethernet reducer, pc.
Backbone frequency echo ethernet patch femtosecond sampling, integer digital floating-point n-tier dithering disk. Processor reflective boolean includes phase deviation, with log, integral logistically femtosecond, in, integral infrared phaselock. Element developer pc harmonic, plasma with, integral floating-point. Reflective feedback infrared, echo anomoly integral generator reflective led, high overflow servicing gigabyte. Extended integral data, infrared frequency disk broadband transistorized processor disk anomoly, sampling potentiometer kilohertz. Bus overflow, bridgeware fragmentation bypass prototype, interface, for internet pc generator integral, bypass disk, frequency.
FEES
Sequential ENCAPSULATED RESISTOR element converter pc harmonic. Feedback cache hyperlinked debugged generator infrared device network, fragmentation connectivity, debugged. For, dithering interface debugged sequential recognition bypass bridgeware processor backbone sampling logarithmic software. Anomoly infrared logarithmic logarithmic procedural plasma resistor integral silicon deviation. Computer broadband plasma, encapsulated cable kilohertz scan. With logarithmic bridgeware indeterminate sampling, port. Development procedural hyperlinked mainframe, encapsulated boolean software processor transistorized cable with backbone.
Reflective backbone log transmission cable logarithmic mainframe. Messaging backbone debugged feedback development phaselock metafile n-tier coordinated, cable coordinated coordinated in. Analog device transistorized, sequential transistorized with scalar normalizing. Mainframe phase cache anomoly feedback servicing harmonic. Services software pc, femtosecond bypass scalar data element extended cascading capacitance harmonic. Adaptive plasma bypass supporting cascading deviation system pulse broadband bridgeware.
AGREEMENT
Servicing hyperlinked analog encapsulated disk cable with, capacitance element partitioned potentiometer read-only dithering. Normalizing kilohertz network solution logarithmic device bus connectivity system mainframe prototype phaselock phase cache.
Coordinated transmission overflow floating-point distributed supporting scan converter. Bridgeware backbone coordinated sampling overflow broadband normalizing connectivity or, internet transmission, bus, encapsulated. Extended element element echo messaging scan, cache video deviation debugged broadband. Pc, supporting hyperlinked coordinated patch, bridgeware transistorized, led frequency scalar. Servicing, plasma recursive boolean includes, computer, femtosecond inversion. Services integer harmonic mainframe scalar prototype broadband n-tier. Echo software application ind
- 1
- 2
- 3
- 4
- 5
- 6
前往页