随身笔记
随身笔记

css基础教程

总结使用的CSS功能

自定义个性的滚动条效果及文章末端半透明效果

自定义个性的滚动条效果及文章末端半透明效果   点击显示效果

   593   2012-12-30   去围观

input文本框里面插入小图片

input文本框里面插入小图片   [code]<meta http-equiv="content-type" content="text/html;charset=utf-8" /> <style type="text/css"> body { font-family: Arial, Helvetica, Sans-serif; font-size:13px;} #sampleForm label { displ…

   455   2012-12-30   去围观

em标签结合css的border属性实现流行的倒三角效果

em标签结合css的border属性实现流行的倒三角效果,这里IE7包括IE7以下浏览器不支持效果。 [code]<style type="text/css"> a {color:#FFF;text-decoration:none;font-weight:bold;} .box{ width:300px; height:30px;background:#CCC;position:relative;t…

   449   2012-12-30   去围观

position:relative相对定位实现图片阴影效果

在学习CSS中能不用图片去实现我们需要的当然是最好的,position:relative相对定位实现图片阴影效果。   [code]<style type="text/css"> a {color:#000;} .shadow{ float:left; margin-right:20px; background-color:#EFEFEF;} .shadow img{ pa…

   425   2012-12-30   去围观

border-collapse实现表格单线边框

table 表格边框 效果图:   [code]<h1>使用border-collapse实现表格单线边框</h1> <h3><a href="https://sdeno.com" style="color:#000;">www.xgllseo.com</a></h3> <table width="300" border="1" cellpadd…

   403   2012-12-30   去围观
加载更多