asp做网站教程,网站系统源代码,当今做啥网站能致富,做门户网站价格我们在前端的设计中常常会用到图片和文字#xff0c;如果只是单调的图片或文字#xff0c;不怎么好看。所以我们要给它别的效果#xff0c;比如#xff1a;阴影效果。要实现阴影效果#xff0c;我们就要用到box-shadow属性#xff0c;它是一个复合属性#xff0c;用于整…我们在前端的设计中常常会用到图片和文字如果只是单调的图片或文字不怎么好看。所以我们要给它别的效果比如阴影效果。要实现阴影效果我们就要用到box-shadow属性它是一个复合属性用于整个盒模型添加阴影。它有4个属性值水平阴影垂直阴影模糊的距离以及阴影的颜色。好了让我们看下有阴影和没有的区别。 代码
!doctype html
html
head
meta charsetutf-8
title无标题文档/title
style typetext/css
#divone {width: 300px;height: 300px;margin: 200px auto;padding: 10px;font-size: 25px;text-align: center;line-height: 300px;border: 10px solid #900;border-radius: 40px;
}
/style
/headbody
div iddivoneimg src./null-7625848be744b51b.jpg stylewidth: 300px; height: 300px; alt
/div
/body
/html效果图 我们给它加一句代码看看
box-shadow: 10px 10px 5px #000000;/*对盒子添加阴影*/下面是添加了阴影的 是不是好看一点了呢那你们学会了吗(๑ڡ)✿
