学习HTML的box阴影和text阴影

最新推荐文章于 2024-04-18 00:45:00 发布

.ASEN.

最新推荐文章于 2024-04-18 00:45:00 发布

阅读量242

点赞数

CC 4.0 BY-SA版权

分类专栏： HTML作业文章标签： html 学习 css

本文链接：https://blog.youkuaiyun.com/weixin_47304332/article/details/124551341

HTML作业专栏收录该内容

8 篇文章

订阅专栏

这个博客展示了如何使用HTML和CSS构建一个具有圆角、阴影和文本效果的250px*100px的div元素。CSS用于定义元素的样式，包括字体大小、颜色、边框和内阴影，而JavaScript则没有在内容中直接使用，但可以推断可能涉及动态交互或进一步的页面行为增强。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
  <style>
      div{
          width: 250px;
          height: 100px;
          margin: 0 auto;
          font-size: 40px;
          border-radius: 15px;
          color: #4cbaff;
          background-color: #b9eae6;
          text-align: center;
          line-height: 75px;
          text-shadow: 10px 10px 5px rgba(0,0,0,0.4);
          box-shadow: 8px 9px 15px rgba(136,107,121,0.5);
      }
  </style>
</head>
<body>
  <div>
    JavaScript
  </div>
</body>
</html>