PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

博客列表 > 参考发布的前端框架手册, 依照着写出一个类似的小框架—2019年9月11日

参考发布的前端框架手册, 依照着写出一个类似的小框架—2019年9月11日

L先生的博客
L先生的博客 原创
2019年09月15日 09:53:17 517浏览

/*导航区*/

.nav {

    height: 170px;

    background-color: white;

    box-sizing: border-box;

}

.nav ul {

    margin: 0;

    padding: 6px;

}


.nav ul li {

    list-style-type: none;

    text-align: center;

    height: 75px;

}


.nav ul li img {

    width: 45px;

    height: 45px;

}

.nav ul li a {

    text-align: center;

    color: gray;

    text-decoration: none;

}

.nav ul {

    display: flex;

}


.nav ul li {

    flex: 1;

}


/*推荐课程区*/

h3 {

    color:gray;

}


.courses {

    height: 326px;

    color: gray;

}


.courses ul {

    margin: 0;

    padding: 0;


    list-style: none;


    /*flex布局*/

    display: flex;

}


.courses ul li {

    padding: 5px;

}


.courses ul img {

    width: 100%;

    height: 90px;

}


.courses div {

    background-color: white;

    padding: 10px;


    margin-top: 10px;

    height: 90px;


    /*flex布局*/

    display: flex;

    justify-content: flex-start;

}


.courses div img {

    width: 100%;

    height: 90px;

}


.courses div a {

    text-decoration: none;

    color: gray;

    flex: 0.45;

}


.courses div p {

    flex: .55;

    margin-left: 15px;

}


.courses div p span:


声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议