青岛网站建设新闻资讯

一个DIV有四条边,CSS控制只有下面一条边有阴影

时间:2022-10-12 已阅读:622次 | 作者:青岛网站建设

首页>新闻资讯>建站知识

需要准备的材料分别有:电脑、浏览器、html编辑器。

1、首先,打开html编辑器,新建html文件,例如:index.html。

一个DIV有四条边,CSS控制只有下面一条边有阴影

2、在index.html中的<style>标签中,输入css代码:

div{width: 250px;height: 100px;border: 5px solid blue;box-shadow: 0px 20px 20px -20px #5E5E5E;}

一个DIV有四条边,CSS控制只有下面一条边有阴影

3、浏览器运行index.html页面,此时只有div底部的边有阴影效果。

一个DIV有四条边,CSS控制只有下面一条边有阴影


二维码
扫描二维码手机查看该文章

文章引用:https://www.qinghuahulian.com/news/webzhishi/1330.html

相关资讯

Copyright © 2011-2024 青华互联-青岛青华锐思网络科技有限公司 www.qinghuahulian.com All Rights Reserved
鲁公网安备37020202000800号 鲁ICP备14020555号-4 网站地图 百度地图