William Jiang

JavaScript,PHP,Node,Perl,LAMP Web Developer – http://williamjxj.com; https://github.com/williamjxj?tab=repositories

CSS: collection 1

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>

<input> attribute: placeholder=””, very helpful attribute in a form, like:


<input type="text" name="username" id="username" class="textinput" placeholder="Username" autocomplete="on" />
Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: