Web前端社交账号注册按钮

清疚 2021-09-30 06:50 327阅读 0赞

\[外链图片转存失败(img-vXBQK5k4-1564155857781)([https://upload-images.jianshu.io/upload\_images/11158618-ceccffd934c3e31d.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240][https_upload-images.jianshu.io_upload_images_11158618-ceccffd934c3e31d.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240])\]

元素的分类  
css的diaplay属性  
背景图片

\[外链图片转存失败(img-Qx0JKogR-1564155857783)([https://upload-images.jianshu.io/upload\_images/11158618-d671282806826434.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240][https_upload-images.jianshu.io_upload_images_11158618-d671282806826434.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240])\]

\[外链图片转存失败(img-4u8inOV2-1564155857784)([https://upload-images.jianshu.io/upload\_images/11158618-4d669ae2cc37deae.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240][https_upload-images.jianshu.io_upload_images_11158618-4d669ae2cc37deae.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240])\]

\[外链图片转存失败(img-573bEily-1564155857787)([https://upload-images.jianshu.io/upload\_images/11158618-bce7b603e08d73fe.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240][https_upload-images.jianshu.io_upload_images_11158618-bce7b603e08d73fe.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240])\]

\[外链图片转存失败(img-iNX4k1Qj-1564155857796)([https://upload-images.jianshu.io/upload\_images/11158618-c3c518ecbcd36435.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240][https_upload-images.jianshu.io_upload_images_11158618-c3c518ecbcd36435.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240])\]

\[外链图片转存失败(img-ugoQA4sc-1564155857798)([https://upload-images.jianshu.io/upload\_images/11158618-e59930b707c994ae.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240][https_upload-images.jianshu.io_upload_images_11158618-e59930b707c994ae.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240])\]

\[外链图片转存失败(img-Pm9fmXkf-1564155857801)([https://upload-images.jianshu.io/upload\_images/11158618-64c54774c4333b98.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240][https_upload-images.jianshu.io_upload_images_11158618-64c54774c4333b98.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240])\]

\[外链图片转存失败(img-zwCOjogm-1564155857803)([https://upload-images.jianshu.io/upload\_images/11158618-9faf656ed93bac64.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240][https_upload-images.jianshu.io_upload_images_11158618-9faf656ed93bac64.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240])\]

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
    	<title>CSS的display属性</title>
    	<style>
    		*{
    			padding:0;
    			margin:0;
    		}
    		a{
    			/*此处填写代码*/
    			display: block;
    			width: 200px;
    			height: 200px;
    			background: red;
    		}
    		span{
    			/*此处填写代码*/
    			display: block;
    			width: 200px;
    			height: 200px;
    			background: green;
    		}
    	</style>
    </head>
    <body>
    	<a href="">请把我变成块元素</a>
    	<span>请把我变成块元素</span>
    </body>
    </html>

背景图片  
\[外链图片转存失败(img-artH6aWw-1564155857806)([https://upload-images.jianshu.io/upload\_images/11158618-05f8c12feb28e7b1.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240][https_upload-images.jianshu.io_upload_images_11158618-05f8c12feb28e7b1.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240])\]

\[外链图片转存失败(img-pwk3STVm-1564155857807)([https://upload-images.jianshu.io/upload\_images/11158618-9cb8e0cacb298bd9.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240][https_upload-images.jianshu.io_upload_images_11158618-9cb8e0cacb298bd9.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240])\]

\[外链图片转存失败(img-OjdV6Pfb-1564155857810)([https://upload-images.jianshu.io/upload\_images/11158618-47370ba2c9a43119.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240][https_upload-images.jianshu.io_upload_images_11158618-47370ba2c9a43119.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240])\]

\[外链图片转存失败(img-so3XMpJa-1564155857811)([https://upload-images.jianshu.io/upload\_images/11158618-3d7ac0ee55b145a9.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240][https_upload-images.jianshu.io_upload_images_11158618-3d7ac0ee55b145a9.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240])\]

\[外链图片转存失败(img-LM6u4chs-1564155857815)([https://upload-images.jianshu.io/upload\_images/11158618-ced7103154978f52.png?imageMogr2/auto-orient/strip|imageView2/2/w/1240][https_upload-images.jianshu.io_upload_images_11158618-ced7103154978f52.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240])\]

--------------------

## 请点赞！因为你们的赞同/鼓励是我写作的最大动力！ ##

### 欢迎关注[达叔小生][Link 1]的简书！ ###

**这是一个有质量，有态度的博客**

\[外链图片转存失败(img-aR2Hpt8h-1564155857816)([https://upload-images.jianshu.io/upload\_images/11158618-9ab0d3fef85d80ce?imageMogr2/auto-orient/strip|imageView2/2/w/1240][https_upload-images.jianshu.io_upload_images_11158618-9ab0d3fef85d80ce_imageMogr2_auto-orient_strip_imageView2_2_w_1240])\]

[https_upload-images.jianshu.io_upload_images_11158618-ceccffd934c3e31d.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240]: https://upload-images.jianshu.io/upload_images/11158618-ceccffd934c3e31d.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[https_upload-images.jianshu.io_upload_images_11158618-d671282806826434.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240]: https://upload-images.jianshu.io/upload_images/11158618-d671282806826434.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[https_upload-images.jianshu.io_upload_images_11158618-4d669ae2cc37deae.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240]: https://upload-images.jianshu.io/upload_images/11158618-4d669ae2cc37deae.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[https_upload-images.jianshu.io_upload_images_11158618-bce7b603e08d73fe.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240]: https://upload-images.jianshu.io/upload_images/11158618-bce7b603e08d73fe.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[https_upload-images.jianshu.io_upload_images_11158618-c3c518ecbcd36435.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240]: https://upload-images.jianshu.io/upload_images/11158618-c3c518ecbcd36435.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[https_upload-images.jianshu.io_upload_images_11158618-e59930b707c994ae.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240]: https://upload-images.jianshu.io/upload_images/11158618-e59930b707c994ae.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[https_upload-images.jianshu.io_upload_images_11158618-64c54774c4333b98.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240]: https://upload-images.jianshu.io/upload_images/11158618-64c54774c4333b98.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[https_upload-images.jianshu.io_upload_images_11158618-9faf656ed93bac64.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240]: https://upload-images.jianshu.io/upload_images/11158618-9faf656ed93bac64.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[https_upload-images.jianshu.io_upload_images_11158618-05f8c12feb28e7b1.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240]: https://upload-images.jianshu.io/upload_images/11158618-05f8c12feb28e7b1.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[https_upload-images.jianshu.io_upload_images_11158618-9cb8e0cacb298bd9.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240]: https://upload-images.jianshu.io/upload_images/11158618-9cb8e0cacb298bd9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[https_upload-images.jianshu.io_upload_images_11158618-47370ba2c9a43119.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240]: https://upload-images.jianshu.io/upload_images/11158618-47370ba2c9a43119.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[https_upload-images.jianshu.io_upload_images_11158618-3d7ac0ee55b145a9.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240]: https://upload-images.jianshu.io/upload_images/11158618-3d7ac0ee55b145a9.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[https_upload-images.jianshu.io_upload_images_11158618-ced7103154978f52.png_imageMogr2_auto-orient_strip_imageView2_2_w_1240]: https://upload-images.jianshu.io/upload_images/11158618-ced7103154978f52.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240
[Link 1]: https://www.jianshu.com/u/c785ece603d1
[https_upload-images.jianshu.io_upload_images_11158618-9ab0d3fef85d80ce_imageMogr2_auto-orient_strip_imageView2_2_w_1240]: https://upload-images.jianshu.io/upload_images/11158618-9ab0d3fef85d80ce?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240