全国热线

400-080-3312

全国监督投诉热线:9:00-23:00

web前端开发中常用的几种css开发样式

今天南京学码思web培训学校老师就来给大家介绍一下web前端开发中常用的几种css开发样式,一起来学习一下。

在web前端开发中,css是很重要的一部分内容,直接决定了前端页面的样式和布局,影响到用户体验,所以想要设计出好看又好用的前端页面,那就必须要做好css开发。今天南京学码思web培训学校老师就来给大家介绍一下web前端开发中常用的几种css开发样式,一起来学习一下。

web前端开发中常用的几种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;


以上这几种就是目前比较流行的css开发样式,希望对大家做好前端开发能有所帮助。南京学码思web培训学校开设了这方面的对口课程,内容来源于企业需求,实用性强,除了讲师面授外,还会经常在网站上与大家分享一些web前端教程和开发技巧,想要干货的话就不要错过了,现在咨询在线老师还有机会获得直接试听学码思课程的机会,可以直接进入学码思web培训课堂,亲身体验课堂氛围。


上一篇:HTML5在网站开发中的应用
下一篇:web工程师不得不知道的前端开发流行趋势

相关推荐

免费试听 | 学费咨询 | 在线报名 | 申请补贴 | 软件培训 | 网站地图

2016-2020 南京学码思教育科技有限公司 .All Rights Reserved

苏ICP备16033487号 www.njxms.com.cn

全国热线

400-080-3312

全国监督服务热线:9:00-23:00