企业做网站的注意什么,工程项目管理咨询公司加盟,网站空间怎么登陆,wordpress主页面编辑器盒子阴影
属性值为box-shadow,盒子阴影不占空间,不影响盒子之间的距离.
值说明h-shadow必需,水平阴影位置,允许为负值v-shadow必需,水平阴影位置,允许为负值blur可选,模糊距离,数值越大影子越模糊spread可选,影子的尺寸color可选,影子的颜色inset可选, 将外阴影改为内阴影(省…盒子阴影
属性值为box-shadow,盒子阴影不占空间,不影响盒子之间的距离.
值说明h-shadow必需,水平阴影位置,允许为负值v-shadow必需,水平阴影位置,允许为负值blur可选,模糊距离,数值越大影子越模糊spread可选,影子的尺寸color可选,影子的颜色inset可选, 将外阴影改为内阴影(省略即为outset,outset不能出现在语句中) 示例:box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.3); 鼠标经过盒子添加阴影,最终效果:
!DOCTYPE html
html langenheadmeta charsetUTF-8meta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/title
/headstyle.div1 {height: 100px;width: 100px;background-color: pink;}.div1:hover {box-shadow: 20px 20px 20px rgba(0, 0, 0, 0.3);}
/stylebodydiv classdiv1/div
/body/html文字阴影
属性值为text-shadow
值说明h-shadow必需,水平阴影位置,允许为负值v-shadow必需,水平阴影位置,允许为负值blur可选,模糊距离,数值越大影子越模糊color可选,影子的颜色 示例:text-shadow: 10px 10px 10px rgba(0, 0, 0, 0.3);
