老师外边框的虚线怎么实现?

来源:4-11 编程练习

Buck_messic

2020-07-28 15:29:27

<!DOCTYPE html>

<html>

<head>

       <style type="text/css">

        div{

            float: left;

            border: 1px solid black;

        }

           

       </style>

        

</head>

<body>   

      <table>

    <tr>

        <td>

          <div> <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">

          <p>欢迎来到慕课网学习知识!</p></div>

        </td>

        <td>

          <div> <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">

          <p>欢迎来到慕课网学习知识!</p></div>

        </td>

          <td><div> <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">

        <p>欢迎来到慕课网学习知识!</p></div>

        </td>  

          </div>

    </tr>

    <tr>

        <td>

          <div> <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">

          <p>欢迎来到慕课网学习知识!</p></div>

        </td>

        <td>

          <div> <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">

          <p>欢迎来到慕课网学习知识!</p></div>

        </td>

          <td><div> <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">

        <p>欢迎来到慕课网学习知识!</p></div>

        </td>  

          </div>

    </tr>

      </table>  

</body>

</html>


写回答

1回答

时间,

2020-07-28

同学,你好。该题需要使用div和浮动来实现效果,同学使用的是table实现,无法添加外部边框。 同学可以根据题目要求重新做一下该练习

http://img.mukewang.com/climg/5f1fdd88095281ed00000000.jpg

参考代码

http://img.mukewang.com/climg/5f1fddf2092f9b3604940281.jpg

如果我的回答解决了您的疑惑,请采纳!祝学习愉快~~~~

0

0 学习 · 3562 问题

查看课程