从0开始html前端页面开发_CSS设置图像边框阴影
2018-03-08 16:14
555 查看
1、css阴影样式语法: box-shadow2、语法div{box-shadow:0 0 1px #000 inset;}
代表边框间距靠左0 靠上0 和1px阴影范围 阴影颜色为黑色(#000),有inset 代表框内阴影 ,不带inset 代表框外阴影。注意:
box-shadow:0px 0px 1px #000
第1个值为0时,代表左右边框阴影 为1px范围
第1个值为正整数 代表 左边框阴影
第1个值为负整数 代表 右边框阴影
同理
第2个值为0 代表上下边框阴影
第2个值为正整数 代表1px阴影距离上边框多少
第2个值为负整数 代表下边框阴影设置
第三个值为阴影范围
示列
html<STYLE TYPE="text/css">
div{box-shadow:0 0 1px #000 inset;}
</STYLE> cssdiv{box-shadow:0 0 1px #000 inset;}
代表边框间距靠左0 靠上0 和1px阴影范围 阴影颜色为黑色(#000),有inset 代表框内阴影 ,不带inset 代表框外阴影。注意:
box-shadow:0px 0px 1px #000
第1个值为0时,代表左右边框阴影 为1px范围
第1个值为正整数 代表 左边框阴影
第1个值为负整数 代表 右边框阴影
同理
第2个值为0 代表上下边框阴影
第2个值为正整数 代表1px阴影距离上边框多少
第2个值为负整数 代表下边框阴影设置
第三个值为阴影范围
示列
html<STYLE TYPE="text/css">
div{box-shadow:0 0 1px #000 inset;}
</STYLE> cssdiv{box-shadow:0 0 1px #000 inset;}
相关文章推荐
- 从0开始html前端页面开发_CSS设置图像圆角
- 从0开始html前端页面开发_CSS实现图像获取鼠标焦点逐渐变大动画效果
- 【前端开发】负值之美:负值在页面布局中的应用(CSS HTML)
- Html/CSS前端如何实现文字边框阴影
- 前端注册成功跳转等待页面实例(包含Html,Css,JavaScript)
- 为Html页面设置背景——通过设置body结构标签和CSS指定背景属性实现
- iPhone开发:给UIView设置边框和阴影
- CSS如何设置html table表格边框样式
- 【阅读】《Head First HTML 与 CSS》第五章——为你的页面增加图像
- 前端开发:《Html-CSS中文手册》分享啦!
- HTML5_CSS入门(尺寸大小、颜色单位、溢出、哪些元素可以设置尺寸、边框,边框倒角、边框阴影,轮廓)
- [转]CSS如何设置html table表格边框样式
- Web前端开发工具(html+css基础)
- gVIM+zencoding快速开发HTML/CSS/JS(适用WEB前端)
- 淘宝网前端开发面试题(一)--HTML & CSS 面试题
- CSS实现垂直居中的常用方法 在前端开发过程中,盒子居中是常常用到的。其中 ,居中又可以分为水平居中和垂直居中。水平居中是比较容易的,直接设置元素的margin: 0 auto就可以实现。但是垂直
- 【前端开发实例】HTML CSS - 微信端悬浮引导关注 -(六)
- Web前端开发精品课HTML CSS JavaScript基础教程第六章课后编程题答案
- CSS设置html table表格边框样式
- Head First HTML & CSS chapter 8 ,9,10 :开始学习CSS, 字体和颜色设置, 盒模型