css样式代码【DOC精选】.docx

1．照片边框的代码td.pic img { ?? background-color: #FFFFFF; ?? padding-top: 10px; ?? padding-right: 10px; ?? padding-bottom: 40px; ?? padding-left: 10px; ?? border: 1px solid #CCCCCC; ?? background-image: url(a.jpg); ?? background-repeat: no-repeat; ?? background-position: right bottom; }2 css样式按钮代码参考网站：/news/25339第一种：代码为：.button {display: inline-block;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding: .5em 2em .55em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);}.button:hover {text-decoration: none;}.button:active {position: relative;top: 1px;}第二种：写法：a href=# class=button lightbg-blue clearfixspanBlue Button/spanClass样式表在1.css中；第三种效果实现代码：a href=# class=buttonButton/aa href=# data-icon=? class=button blue bracketsCall/aa href=# data-icon=? class=button pink serif skew glossyStars/aa href=# data-icon=? title=Reddit class=button green serif back xl glass icon/abr /a href=# data-icon=? class=button greenBlog/aa href=# data-icon=? title=Love class=button pink oval icon/aa href=# data-icon=? title=Quit class=button orange shield xl glossy icon/aa href=# data-icon=? title=Upload class=button blue back xl glass icon/aa href=# data-icon=? title=RSS class=button orange drop glass icon/aCss样式表：2.Css1.cssbody {background-image: url(../images/background.png), -webkit-gradient(linear, right top, left top, color-stop(0.5, rgb(48,48,48)), color-stop(0.5, rgb(240,240,240)) );font-family: anivers;margin: 0;padding: 0;}::selection {background:#ffffff;color:#2e2e2e;}::-moz-selection {background:#ffffff;color:#2e2e2e;}::-webkit-selection {background:#ffffff;color:#2e2e2e;}.clearfix:after {content: .;visibility: hidden;display: block;height: 0;clear: both;}.wrapper {max-width: 960px;margin: 0 auto;}#masthead {width: 100%;margin: 25px a