博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
border和background
阅读量:7175 次
发布时间:2019-06-29

本文共 437 字,大约阅读时间需要 1 分钟。

hot3.png

1.background-position设置的图片的位置,只相对于左上角定位,也就是只可以设置左边距离和上边距离,但是如果我们想使图片相对于右边边框定位,可以使用border-right: 50px solid transparent,然后设置background-position:100% 40px;左边100%的距离,这样图片就距离右边框一直是50px的距离了。

2.border构建三角形。边框的四边就是四个三角形 代码: .div{width:0px;height:0px;border:10px solid;; border-color:#red transparent transparetn transparent}

3.border的透明边框

4.border在布局中的使用:

4.1border实现等高布局:使用border-left来实现左边区域的占位

转载于:https://my.oschina.net/u/2870118/blog/900649

你可能感兴趣的文章
腾讯QQ2012 显IP版
查看>>
流媒体服务器之nginx的RTMP集成FFmpeg转码
查看>>
HAproxy配置文件详解
查看>>
每天一个linux命令(14):head 命令
查看>>
通过 Apache 配置 Rewrite 支持 .htaccess
查看>>
【初始化-system】init_system.sh
查看>>
如何从硬盘安装WIN7原版镜像?
查看>>
ceph学习笔记之六 数据读写过程
查看>>
为UC做准备:准备Exchange 2010的先决条件
查看>>
Eclipse快捷键大全(转载)
查看>>
weblogic启动脚本
查看>>
cPanel推出测试免费试用
查看>>
Wireshark的https代理抓包(whistle中间人代理)
查看>>
redhat下安装Wineqq2012
查看>>
linux下配置pptp 客户端
查看>>
java发送短信至手机
查看>>
linux系统开机流程
查看>>
python元组 (tuple,即常量数组)
查看>>
Google 全球 IP 地址库
查看>>
linux中oracle的安装
查看>>