网站建设资讯

NEWS

网站建设资讯

css样式panding,CSS样式的选择器可以是标签的名字

css中padding是什么意思

CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。

创新互联建站主要从事成都网站建设、成都做网站、网页设计、企业做网站、公司建网站等业务。立足成都服务南沙,十载网站建设经验,价格优惠、服务专业,欢迎来电咨询建站服务:18982081108

(1)padding-left:10px; 左内边距

(2)padding-right:10px; 右内边距

(3)padding-top:10px; 上内边距

(4)padding-bottom:10px; 下内边距

(5)padding:10px; 四边统一内边距

(6)padding:10px 20px; 上下、左右内边距

(7)padding:10px 20px 30px; 上、左右、下内边距

(8)padding:10px 20px 30px 40px; 上、右、下、左内边距

css样式表padding

这个50%是相对于父元素的width(宽度)的50%,也就是说上下左右四个方向的padding都是父元素的width的50%,而不是你想象中的横向的padding是父元素width50%、纵向的padding则是父元素height的50%

css样式的padding的4个方向顺序是什么?

css样式的padding的4个方向顺序是:上 右 下 左。基本上内边距与外边距都是这么用的。记得数字后面要加单位的。具体分析如下:

1、新建一个html文件,命名为test.html,用于讲解css样式中padding属性的4个方向顺序是什么。

2、在test.html文件内,使用a标签创建一个链接,链接的名称为测试。

3、在test.html文件内,设置a标签的class属性为incss,主要用于下面通过该class来设置css样式。

4、在test.html文件内,编写style type="text/css"/style标签,页面的css样式将写在该标签内。

5、在css标签内,设置类名为incss的样式,使用border属性设置其边框大小为1px,边框线形为实线,边框颜色为红色。在浏览器打开test.html文件,查看实现的页面效果。

6、在css标签内,使用padding属性设置a标签四周的内边距,顺序为上右下左,上内边距设置为5px,右内边距设置为20px,下内边距设置为40px,左内边距设置为60px。

7、在浏览器打开test.html文件,查看实现的效果。


网站栏目:css样式panding,CSS样式的选择器可以是标签的名字
文章路径:http://cdweb.net/article/dsihhei.html