作为一名web前端开发人员，css开发在工作学习中我们是经常用到的，今天华清远见css开发技术频道就来为您分享一篇前端开发经常用到的css开发样式。

1.css实现表格

tr:行

td:列

td tr{

border:none; #去掉表格边框

border: 1px solid #000000; #设置边框宽度，样式，颜色

}

2.css实现圆形

.yuan{

border-radius: 40px; #长和宽都被设置成40px

}

3.设置input输入框

.body-main-lh-lt1-com input{

width: 450px;

height: 30px;

background-color: #EBEBE5;

border: 1px solid #E4E4E3;

font-size: 16px;

}

4.设置背景图片铺满整个div，四周不留空隙

margin: 0; #根据具体情况进行适当的调整

padding: 0;

border-width: 0;

5.设置鼠标划过某a标签(或其他)为手型

cursor: pointer;

6.设置文字水平居中

text-align: center;

7.清除li标签前面的点

list-style: none;

8.设置多个li标签水平显示

float: left;

9.设置整体背景为黑白照形式

-webkit-filter: grayscale(90%); #只兼容谷歌浏览器

10.给图片上面加一层半透明层

filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;