首页 > 其他分享 >CSS-盒子四周阴影效果

CSS-盒子四周阴影效果

时间:2022-08-19 21:15:33浏览次数:51  
标签:box 盒子 100px 阴影 shadow height CSS

CSS-盒子四周阴影效果

属性box-shadow,

<style type="text/css">
  .fei {
    margin-left: 230px;
    width: 100px;
    height: 100px;
    border: 1px solid #eee;
    /** 主要属性box-shadow */
    box-shadow: 0 0 15px #ccc;
    text-align: center;
    line-height: 100px;
  }
</style>
<div class="fei">大飞</div>

标签:box,盒子,100px,阴影,shadow,height,CSS
From: https://www.cnblogs.com/dafei4/p/16603300.html

相关文章

  • HTML与CSS(浅学一下)-----5:
    HTML与CSS(浅学一下):选择器:标签名选择器:格式:在head标签里面使用style标签。<!--需求:在所有div标签上修改文字字体颜色为蓝色,字体大小为30个像素,边框为1像......
  • css属性样式整合
    font-size字体大小常用色值:#000黑色;#fff白色;#ccc、#333、#2f2f2f、#666、#ddd灰色;rgb表示法:color:rgb(255,255,255);rgba表示法:color:rgba(255,255,255,0.5)第四位......
  • css div的水平、垂直同时居中
    创建页面布局的时候,会遇到只是用纯粹的css控制div的垂直和水平居中。有很多种方法可以实现这种效果,这里列出我喜欢的。首先是最基本的,css控制div水平居中创建一个div的水......
  • css的五种定位方式
    CSS中的position属性用来设置元素在页面中的位置,通过该属性您可以把任何属性放置在任何您认为合适的位置。position属性有5个可选值,分别对应5种不同的定位方式,如下......
  • CSS文本设置
    一、单行文本的居中1.文字水平居中(text-align:center)<divstyle="text-align:center;height:200px;width:300px;border:1pxsolidred">你好呀</div>2.文字垂直......
  • CSS实现div里面的内容超滚动
    html代码:<divclass="box"><divclass="content"></div><divclass="content"></div><divclass="content"></div><divclass="content"></div><divclas......
  • Css变量
       /*不使用CSS变量*/.title{background-color:red;}.desc{background-color:red;}/*使用CSS变量*/:root{--bg-color:red;}.tit......
  • css实现按钮边框流动特效
      .my_btn{width:100px;height:50px;text-align:center;margin-top:10px;line-height:50px;background-color:#fff;position:relative......
  • 界面控件DevExpress WinForm v22.2——即将拥有新的HTML & CSS模板
    HTML&CSS模板正在迅速成为DevExpressWinForm产品线的又一支柱,这一独特的功能将UI定制提升到了一个全新的水平。在这篇文章中,我将向您简要介绍官方技术团队即将发布的计......
  • stylelint 配置使用,自动修复css,书写顺序
    stylelint配置使用,自动修复css,书写顺序https://juejin.cn/post/6940127032932040735阿离王lv-42021年03月16日13:58·阅读5100关注stylelint配置使用安装st......