CSS 代码 - 第60集 - 边框阴影

海遥Skeate

于 2020-03-15 10:58:29 发布

阅读量148

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS HTML

原文链接：https://pastebin.com/m7hxtSVk

CSS 同时被 2 个专栏收录

3 篇文章

订阅专栏

HTML

2 篇文章

订阅专栏

本文通过一个具体的HTML和CSS代码示例，展示了如何使用CSS为HTML元素设置样式，包括宽度、高度、背景颜色及阴影效果，是前端开发初学者的理想教程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML代码

<!DOCTYPE html>

<html>

<head>
    <link type="text/css" rel="stylesheet"     href="style.css">
</head>
  
<body>
	
<div id="box1">  </div>

</body>
</html>

CSS代码

#box1 {

    width: 600px;
    height: 200px;
    background-color: lightgrey;
    box-shadow: inset 0 0 15px black;


}