CSS深入课堂作业 盒子模型

盒子模型1 图文链接


<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>newsimageslisttitle>
<style>
#newsimageslist{
    
 text-align: center;
 font-size: 0;
}
#newsimageslist img{
    
    height:200px;
    width: 200px;
    margin-left: 5px;
    padding:5px;
    border: 1px solid #0cf;
}
a{
    
    text-decoration:none;
}
#nav{
    
    padding-right: 10px;
    margin-right:10px;
    float: right 10;
   
position:relative;
top:20px;
left:20px;

}
ul
    {
    
    list-style-type:none;
    padding:0;
}

style>
    
head>
<body>
    <div id="newsimageslist">     
        <img src="images/crisis.jpg" alt="" style="float:left;" >
        
    div>
    <div id="nav">
        <li>
            <ul><a href="#" style="float:left;" >段落1   2020.4.9a>ul><br><HR width=100 SIZE=1 align=left>
            
            <ul><a href="#" style="float:left;" >段落1    2020.4.9a>ul><br><HR width=100 SIZE=1 align=left>
            
            <ul><

你可能感兴趣的:(web前端,html,css,nagios,flex,css3)