易转运免费算命网小编修改后

你可能对这些也感兴趣：

十二星座女给男友的零花钱

十二星座甘愿为对方付出吗

婚姻中固执已见导致感情破裂的星座

第一星运：2017年十二星座运势

"ggw-atmod__tab"的样式如下：

margin-top: 10px; 表示上边距为10px

height: 30px; 表示高度为30px

line-height: 30px; 表示行高为30px，对齐

overflow: hidden; 表示内容超出时隐藏溢出部分

text-align: center; 表示文本居中显示

border-bottom: 1px solid eee; 表示下边框为1px的实线，颜色为eee

padding-bottom: 5px; 表示底部内边距为5px

"ggw-atmod__tab"中的 span元素

float: left; 表示向左浮动

width: 25%; 表示占据整个父元素的25%宽度

position: relative; 表示相对于其正常位置进行定位

cursor: pointer; 表示鼠标指针在该元素上移动时，变为手型图标，表示可点击

"ggw-atmod__tab"中的 "active" 类和 "active::after" 伪元素：

* color:ef4c4d" 表示 "active" 类的字体颜色为 ef4c4d

"content:''"; 表示 "active::after" 为空，用于制作伪元素效果

bottom:0; 表示伪元素绝对定位的位置，底部位置为0

left:50%; 表示伪元素相对于其正常位置向左偏移50%的距离

margin-left:-35px; 表示伪元素左侧外边距为-35px，也就是向右偏移35px的距离，以达到制作三角形的效果

height:2px; 表示伪元素的高度为2px

width:70px; 表示伪元素的宽度为70px，以制作出箭头的形状，宽度和高度共同决定了箭头的粗细程度

"ggw-atmod__content form"的宽度自动（width: auto）使其与容器的宽度一致，避免了内容拉伸的问题。