浮动和截取图片中小图标的知识点

Original 2019-03-09 22:07:38 196
abstract:<!DOCTYPE html><html><head><meta charset="UTF-8"><title>浮动</title><style>        body{background:#ccc;}      &nbs

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>浮动</title>

<style>

        body{background:#ccc;}

        div{float:left;}

        .box{width:100px;height:100px;background:url(images/3.jpg);}

        .box1{width:100px;height:100px;background:url(images/3.jpg);background-position:-135px 0px;}

        .box2{width:100px;height:100px;background:url(images/3.jpg);background-position:0px -130px;}

</style>

</head>

<body>

<div class="box"></div>

    <div class="box1"></div>

    <div class="box2"></div>

</body>

</html>


Correcting teacher:韦小宝Correction time:2019-03-10 09:15:34
Teacher's summary:写的很棒 浮动在网站的布局中是必要会用到的 使用多了浮动还要记得的清除浮动哦

Release Notes

Popular Entries