阿里云服务器动手实践-[云淘科技_教程]

由浅入深，带您体系化学习、实操云服务器ECS。

/* container */
.aliware-doc-container {
padding: 10px 0px;
overflow: hidden;
}

/* 模块 */
.aliware-doc-container .primary {
display: block;
width: 100%;
margin-bottom: 20px;
border: 1px solid #dcdcdc;
position: relative;
height: 260px;
cursor: pointer;
}
.aliware-doc-container .experience {
float: left;
width: calc((100% – 22px) / 2);
height: 208px;
margin-right: 20px;
margin-bottom: 20px;
border: 1px solid #dcdcdc;
position: relative;
cursor: pointer;
}
.aliware-doc-container .experience:nth-child(even){
margin-right: 0;
}
.aliware-doc-container .experience:after,
.aliware-doc-container .primary:after {
content: ” “;
display: block;
height: 4px;
width: 100%;
bottom: 0;
left: 0;
position: absolute;
background-color: #f60;
opacity: 0;
transition: all .24s ease-in-out;
z-index: 100;
}
.aliware-doc-container .experience:hover:after,
.aliware-doc-container .primary:hover:after {
opacity: 1;
}

/* 图片 */
.aliware-doc-container .primary .pic,
.aliware-doc-container .experience .pic {
position: absolute;
right: 0;
top: 0;
height: 258px;
width: auto;
z-index: 1;
}
.aliware-doc-container .experience .pic {
height: 206px;
}

/* 更多 */
/* .aliware-doc-container .experience .more {
height: 208px;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
} */

.aliware-doc-container .more {
padding: 20px;
background: rgb(244, 245, 247);
color: #666;
text-align: center;
cursor: pointer;
}

.aliware-doc-container .more:hover {
color: #ff791a;
}

/* item */
.aliware-doc-container .experience .item,
.aliware-doc-container .primary .item {
padding: 20px;
position: relative;
z-index: 10;
}

.aliware-doc-container .experience .item .tags,
.aliware-doc-container .primary .item .tags{
margin-bottom: 8px;
}
.aliware-doc-container .experience .item .tags .tag,
.aliware-doc-container .primary .item .tags .tag{
font-size: 12px;
color: #f60;
line-height: 16px;
background: #fff;
border: 1px solid #ff6a00;
border-radius: 1px;
padding: 0 2px;
}
.aliware-doc-container .experience .item .tags .tag.case,
.aliware-doc-container .primary .item .tags .tag.case {
color: #fff;
background-color: #f60;
}

.aliware-doc-container .experience .item .title,
.aliware-doc-container .primary .item .title{
font-size: 18px;
color: #181818;
line-height: 24px;
margin-bottom: 12px;
}

.aliware-doc-container .experience .item .desc,
.aliware-doc-container .primary .item .desc {
font-size: 14px;
line-height: 24px;
color: #333;
margin-bottom: 8px;
}

.aliware-doc-container .primary .item .desc {
margin-right: 256px;
}

.aliware-doc-container .experience .item .block,
.aliware-doc-container .primary .item .block,
.aliware-doc-container .primary .item .inline {
margin: 0;
padding: 0 !important;
overflow: hidden;
}
.aliware-doc-container .experience .item .block li,
.aliware-doc-container .primary .item .block li,
.aliware-doc-container .primary .item .inline li{
list-style: none;
font-size: 14px;
color: #666;
line-height: 18px;
margin-bottom: 8px;
position: relative;
padding-left: 14px;
}
.aliware-doc-container .primary .item .inline li {
float: left;
margin-right: 24px;
}
.aliware-doc-container .primary .item .inline li:last-child {
margin-right: 0;
}
.aliware-doc-container .experience .item .block li::before,
.aliware-doc-container .primary .item .block li::before,
.aliware-doc-container .primary .item .inline li::before{
content: ” “;
display: block;
position: absolute;
top: 50%;
left: 0;
margin-top: -3px;
width: 6px;
height: 6px;
border-radius: 3px;
background-color: #ccc;
}

.aliware-doc-container .experience .item .btn-link,
.aliware-doc-container .primary .item .btn-link{
display: inline-block;
width: 89px;
height: 32px;
font-size: 14px;
text-align: center;
line-height: 32px;
text-decoration: none;
cursor: pointer;
margin-right: 14px;
margin-top: 10px;
border: 1px solid #ff6a00;
color: #fff;
background:#ff6a00;
}
.aliware-doc-container .experience .item .btn-link:hover,
.aliware-doc-container .primary .item .btn-link:hover{
color: #ff791a;
border: 1px solid #ff791a;
background: #fff;
}

关于阿里云ecs服务器的内容没看懂？ 不太想学习？想快速解决？ 有偿解决： 联系专家

阿里云企业补贴进行中： 马上申请

腾讯云限时活动1折起，即将结束： 马上收藏

同尘科技为腾讯云授权服务中心。

购买腾讯云产品享受折上折，更有现金返利:同意关联，立享优惠