html包含,html包含其他html

解决方案

head.html

.nav{

display: flex;

align-items: center;

padding-bottom: 2rem;

padding-top: 2rem;

}

.nav>.nav1{

width: 40%;

display: flex;

justify-content: center;

}

.nav>.nav2{

display: flex;

}

.nav>.nav2>div{

margin-left: 6rem;

cursor: pointer;

padding: .2rem;

padding-left: .7rem;

padding-right: .7rem;

border-bottom: solid white 5px;

}

.nav>.nav2>div:hover{

color: white;

background: black;

border-bottom: solid #dcdedd 5px;

}

            

解决方案

案例展示

新闻动态

关于我们

main.js

$(document).ready(function(){

$("include").load($("include").attr("src"));

});