css星号*padding-top表是什么意思

html-css018

css星号*padding-top表是什么意思,第1张

css中*号代表的是全部元素，如body，div等等都包括，padding的意思内边距，具体理解看图：

padidng-top的意思是：所有元素都具体上边移动30px；具体看下代码：

<html>

<head>

<style>

*{

padding-top:30px

}

.keepbj{                     //通过class来设置

width:100px

height:50px

border:1px solid #f00

}

</head>

<body>

<div class='keepbj'>

</div>

</body>

</html>

给一个border便于观察。

五角星

复制代码 代码如下:

#star-five {

margin: 50px 0

position: relative

display: block

color: red

width: 0px

height: 0px

border-right:  100px solid transparent

border-bottom: 70px  solid red

border-left:   100px solid transparent

-moz-transform:    rotate(35deg)

-webkit-transform: rotate(35deg)

-ms-transform:     rotate(35deg)

-o-transform:      rotate(35deg)

}

#star-five:before {

border-bottom: 80px solid red

border-left: 30px solid transparent

border-right: 30px solid transparent

position: absolute

height: 0

width: 0

top: -45px

left: -65px

display: block

content: ''

-webkit-transform: rotate(-35deg)

-moz-transform:    rotate(-35deg)

-ms-transform:     rotate(-35deg)

-o-transform:      rotate(-35deg)

}

#star-five:after {

position: absolute

display: block

color: red

top: 3px

left: -105px

width: 0px

height: 0px

border-right: 100px solid transparent

border-bottom: 70px solid red

border-left: 100px solid transparent

-webkit-transform: rotate(-70deg)

-moz-transform:    rotate(-70deg)

-ms-transform:     rotate(-70deg)

-o-transform:      rotate(-70deg)

content: ''

}

透明色：transparent

背景色设为透明，代码如下：background-color:transparent

字体颜色设为透明，代码如下：color:transparent

扩展资料：

常用颜色代码分4种，分别如下：

1、常用颜色单词，比如green（绿色），yellow（黄色），red（红色），transparent（透明色）等；

2、以#号开头的六个字符组成的颜色代码，比如：#FF0000（红色），#000000（黑色），#F9F900（黄色）等；

3、颜色rgb值，表达方式：rgb(参数1，参数2，参数3)，三个参数分别表示r，g，b

1）R：红色值。正整数 | 百分数

2）G：绿色值。正整数 | 百分数

3）B：蓝色值。正整数 | 百分数

4、rgba(参数1，参数2，参数3，参数4)，这种方式前三个参数与上面第3点种相同，第四个参数表示透明度，数值在0-1之间。0表示透明度为0（即透明色），1表示透明度为1（百分百）。