浅谈css样式（border、background、table）

border用法

border:边框。属性有：border-width，border-style，border-color。

1 <div id="d1">
2    高度200，宽带200，边框颜色为红色的边框。
3 </div>

1 #d1{
2  width:200px;
3  height:200px;
4  border:1px solid red;
5    }

border-width:表示边框的粗细。border-style：边框样式。solid实线。dashed虚线。dotted：点线。border-color：边框颜色。

举例说明

1 #d1{
2  width:200px;
3  height:200px;
4  border:2px dashed red;
5    }

网页背景（background）

网页背景设置属性有：background-color：背景颜色。background-image：背景图片。background-position：背景图像的位置。background-attachment：fixed;规定背景图像是否固定或者随着页面的其余部分滚动。

举例说明：

1 <div id="d2">
2    背景小图标设置
3 </div>

1 #d2{
2 width:14px;
3 height:14px;
4 margin:0px;
5 padding:0px;
6 background-image:url(../image/iconNew.png);
7 background-position:left -50px;
8 background-attachment:fixed;
9 }

表格（table）

边框会合并为一个单一的边框。

1 table{
2 width:300px;
3 height:400px;
4 border:1px solid #ccc;
5 border-collapse: collapse;/*合并边框*/
6 }

转载于:https://www.cnblogs.com/minguofeng/p/4827676.html

浅谈css样式（border、background、table）相关推荐

css中字体下划线样式,css下划线浅谈css自定义下划线
使用css样式对一段文字或一段文字中其中几个文字设置虚线效果的下划线如何实现?我们知道css字体下划线使用text-decoration样式实现,而虚线下划线则不能使用此css样式属性.要实现通过下边 ...
Web前端之浅谈css
Web前端之浅谈CSS CSS 什么是CSS? CSS的三种引用方式 CSS常用选择器介绍选择器权重字体属性文本属性元素分类 display属性: 块状元素行内元素行内块元素盒模型内边 ...
html 怪异模式,CSS_浅谈CSS编程中的怪异模式，怪异模式盒模型今天学习了 - phpStudy...
浅谈CSS编程中的怪异模式怪异模式盒模型今天学习了一下css3的box-sizing属性,顺便又温习了一下css的盒模型,最后觉得有必要对盒模型做一个全面整理. 先不考虑css3的情况,盒模型一共 ...
php css定位到图片上,CSS_浅谈css中图片定位之所有图标放在一张图上，如今做网页为了使网站丰富多 - phpStudy...
浅谈css中图片定位之所有图标放在一张图上如今做网页为了使网站丰富多彩,富于表现力,往往需要应用大量的图片/图标.如何处理这些图片,使其尽量不影响网页载入,解析等速度,是一个不大不小的问题.如果你的 ...
html css 命名规范,浅谈css命名规则(新手必看)
头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left rig ...
浅谈border-radius对border的影响
浅谈border-radius对border的影响** border-radius的作用 **CSS 属性 border-radius 允许你设置元素的外边框圆角.当使用一个半径时确定一个圆形,当使用 ...
css inport作用,浅谈css和@import区别及用法详解
下面小编就为大家带来一篇浅谈css和@import区别及用法.小编觉得挺不错的,现在就分享给大家,也给大家做个参考.一起跟随小编过来看看吧 css和@import都是调用外部样式表的方法. 一.用法 ...
浅谈CSS Modules以及CSS Modules在Vue.js上的使用
前言在平常的开发或者学习中,我们可能会有意无意的接触到CSS Modules.那CSS Modules到底是什么呢?现在,我将带你走进CSS Modules,去了解它的始末.本文将从什么是CSS ...
浅谈CSS中/deep/ ＞＞＞ ::v-deep属性进行样式穿透
背景在开发vue项目中,引入第三方ui组件库,只需要在当前页面修改第三方组件库的样式以做到不污染全局样式.通过在样式标签上使用`scoped`达到样式只制作用到本页面,但是此时再修改组件样式不起作用 ...

浅谈css样式（border、background、table）

浅谈css样式（border、background、table）相关推荐

最新文章

热门文章