CSS: collection 1
Blogs20122012-02-09
CSS: collection 1
I frequently use CSS effects in web codes, some are frequently used. I start to collect most generally used from time to time.
- text-shadow and box-shadow
- input’s placeholder
- bottom-line
- input:focus
<style type="text/css">
.box {
text-shadow: 1px 1px 1px #294e7b;
-moz-box-shadow:0px 0px 5px #000;
-webkit-box-shadow: 0px 0px 5px #000;
box-shadow: 0px 0px 5px #000;
border-bottom: 1px solid #85929A;
}
div.informal p {
background-color: #CCCCCC;
border-bottom: 1px outset #000000;
text-indent: 0;
}
div#topic >div {
border-bottom-width: 1px;
border-bottom-style: dotted;
margin: 0px;
padding: 20px;
width: 60%;
}
input:focus, textarea:focus, select:focus{
background-color: lightyellow;
}
</style>attribute: placeholder="", very helpful attribute in a form, like:
<input type="text" name="username" id="username" class="textinput" placeholder="Username" autocomplete="on" />