程序博客网 > 木托盘设计软件

css揭秘-2

来源：互联网发布：木托盘设计软件编辑：程序博客网时间：2024/06/15 07:56

background-clip:padding-box(背景颜色被裁剪到内边距框)/border-box(背景颜色被裁剪到边框盒)/content-box(背景颜色被裁剪到内容框);

半透明边框的代码

<!doctype html><html><head><title>半透明边框</title><meta charset="utf-8"><style>body{background:pink;}#a1{margin:0 auto;width:300px;height:100px;border:1em solid hsla(0,0%,100%,.5);background:white;background-clip:padding-box;font-size: 2em;text-align: center;line-height: 3em;}</style></head><body><div id="a1">永远开心</div></body></html>

box-shadow:0 0 0 10px #655,0 0 0 15px deeppink;
box-shadow层层叠加，第一层投影位于最顶层。扩张半径要调整

outline-offset可以接受负值。

background-position:right 20px bottom 10px;
如果不支持该语法，可以提供一个回退方案
即background:url(code-pirate.svg) no-repeat bottom right #58a;

background-origin:padding-box(背景图像行对于内边框来定位)/border-box（背景图形相对于边框盒来定位）/content-box(背景图像相对于内容框来定位)

阅读全文

0 0

木托盘设计软件

木托盘设计软件

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子索引改不过来怎么办 cad尺寸太小怎么办加拿大街上看到熊怎么办无法添加漂流瓶怎么办解厕所堵塞问题怎么办安装ps校验失败怎么办平板打不开机怎么办台电平板死机怎么办电视指示灯不亮怎么办手机不听使唤乱动怎么办笔记本只有c盘怎么办印章上印出的全是油怎么办美工笔太粗怎么办笔记本电脑速度太慢怎么办电脑图形处理弱怎么办戴尔笔记本电脑连不上网络怎么办系统备份没有了怎么办 cad2014运行很慢怎么办 cad2007运行很慢怎么办 cad运2018行很慢怎么办 800*800图片太大怎么办 ps出现双箭头怎么办衣服上面染上色怎么办联想一体机忘记密码怎么办三星a7手机黑屏怎么办联想g40很卡怎么办联想笔记本电脑卡机怎么办笔记本电脑卡机了怎么办笔记本电脑卡机动不了怎么办 ps变得很卡怎么办戴尔笔记本卡了怎么办戴尔电脑卡死了怎么办 win10显示器颜色不正常怎么办没有密码重置盘怎么办美术生英语不好怎么办 mbr分区安装不了怎么办倒闭的共享单车怎么办喷水壶喷嘴堵塞怎么办电水壶按钮坏了怎么办主机按钮坏了怎么办手机系统删掉了怎么办