标签:repeat readcss text align height content background 音悦
.content{ width: 1000px; margin: 0 auto; } .content h1{ color: #de4767; text-align: center; font-size: 44px; font-weight: normal; } .content ul{ padding-left: 0px; text-align: center; } .content ul li{ display: inline-block; background-image: url(../img/buyer/mod_circle.png); background-position:center 5px; background-repeat:no-repeat ; text-decoration: none; width: 80px; height: 30px; } .content ul li:hover{ background-position:center -96px; } .content ul li a{ padding-top: 25px; display: block; text-decoration: none; color: #333; } .content ul li a:hover{ color: #de4767; } .content .type h3{ background-image: url(../img/buyer/mod_title.png); background-position:0px -190px; background-repeat:no-repeat ; width: 300px; height: 50px; } .content .type .text{ border: 2px solid darkgray; border-radius: 8px; padding: 25px 20px; text-align: center; } .content .type .text p{ text-align: left; font-size: 14px; text-indent: 2em; line-height: 2em; margin: 0; } .content .type2 h3{ background-image: url(../img/buyer/mod_title.png); background-position:0px 0px; background-repeat:no-repeat ; width: 300px; height: 50px; }.content .type2 .text{ border: 2px solid darkgray; border-radius: 8px; padding: 25px 20px; text-align: center; } .content .type2 .text p{ text-align: left; font-size: 14px; text-indent: 2em; line-height: 2em; margin: 0; } .content .type3 h3{ background-image: url(../img/buyer/mod_title.png); background-position:0px -90px; background-repeat:no-repeat ; width: 300px; height: 50px; } .content .type3 .text{ border: 2px solid darkgray; border-radius: 8px; padding: 25px 20px; text-align: center; } .content .type3 .text p{ text-align: left; font-size: 14px; text-indent: 2em; line-height: 2em; margin: 0; } .content .type4 h3{ background-image: url(../img/buyer/mod_title.png); background-position:0px -280px; background-repeat:no-repeat ; width: 300px; height: 50px; } .content .type4 .text{ border: 2px solid darkgray; border-radius: 8px; padding: 25px 20px; text-align: center; } .content .type4 .text p{ text-align: left; font-size: 14px; text-indent: 2em; line-height: 2em; margin: 0; } .content .type5 h3{ background-image: url(../img/buyer/mod_title.png); background-position:0px -380px; background-repeat:no-repeat ; width: 300px; height: 50px; } .content .type5 .text{ border: 2px solid darkgray; border-radius: 8px; padding: 25px 20px; text-align: center; } .content .type5 .text p{ text-align: left; font-size: 14px; text-indent: 2em; line-height: 2em; margin: 0; }
标签:repeat,readcss,text,align,height,content,background,音悦 来源: https://www.cnblogs.com/wy877832970/p/15464931.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。