首页 > 其他分享 >css 文字边框

css 文字边框

时间:2024-08-01 08:55:37浏览次数:14  
标签:文字 text D9D9D9 边框 1px css

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Opacity Fade Animation</title>
  <style>
    .text-border {
      margin-left: 20px;
      color: white;
      /* 文字颜色 */
      font-size: 40px;
      text-shadow:
        -1px -1px 0 #D9D9D9,
        1px -1px 0 #D9D9D9,
        -1px 1px 0 #D9D9D9,
        1px 1px 0 #D9D9D9;
      /* 边框宽度和颜色 */

    }
  </style>
</head>

<body>


  <div class="text-border">带16-1框的文字</div>

</body>

</html>

 

标签:文字,text,D9D9D9,边框,1px,css
From: https://www.cnblogs.com/j-a-h/p/18335904

相关文章

  • 《CSS创意项目实战指南》:点亮网页,从实战中掌握CSS的无限创意
    CSS创意项目实战指南在数字时代,网页不仅是信息的载体,更是艺术与技术的融合体。通过CSS,你可以将平凡的网页转变为引人入胜的视觉盛宴,让用户体验跃升至全新高度。《CSS创意项目实战指南》正是这样一本引领你探索CSS无限可能的实战宝典。一、启航CSS创意之旅本书精心设计了12......
  • css标签样式
    //绿色.text{background-color:#06a18d;color:#fff;letter-spacing:0;line-height:16px;padding:02px;text-align:center;position:absolute;width:50px;height:20px;line-height:20px;top:-15px;right:-240px;border-......
  • css各种使用案例合集(二)
    1、hover动画场景1:要求有旋转、变色,有变化过程场景结果:代码示例:<divclass="box"><divclass="headUp"></div><divclass="head"></div><divclass="mouth"><divclass="eye"><......
  • css实现图片等比例完全展示,背景加图片 130%放大虚化
    html<divclass="img-box"><divclass="img"></div><divclass="img-bg"></div></div>css.img-box{width:100%;height:212px;.img{backgrou......
  • css动画-卡片滚动效果
    动画效果效果如下:当卡片进行左右滚动时,每次都恰好滑动出来下一个卡片,将下一个卡片完整的展现在容器中间。核心代码1.设置容器和卡片的样式.wrapper{display:flex;gap:20px;width:300px;margin:100pxauto;overflow-x:scroll;}......
  • 学习笔记 String类案例练习 1.模拟用户登录 2.统计字符串英文字母大小写及数字个数
    目录案例一模拟用户登录需求:代码: 案例二统计字符串英文字母大小写及数字个数需求:代码:案例一模拟用户登录需求:已知正确的用户名和密码,请用程序实现模拟用户登录。总共给三次机会,登录之后,给出相应的提示代码:publicstaticvoidmain(String[]args){......
  • 2024网站动态文字广告安全检测跳转源码
    源码介绍网站动态文字广告安全检测html源码,适合做网址跳转提示页,简约美观,喜欢的朋友可以拿去使用效果预览使用方法1.创建一个空白文件,命名ad.html或者go.html2.将下面代码拷贝到创建的html文件里面3.将创建的html文件上传到服务器或者虚拟主机里面,然后根据域名或者ip......
  • 界面控件DevExpress WinForms,支持HTML & CSS提升用户体验(一)
    DevExpressWinForms现在可以利用HTML/CSS强大的功能,帮助受DevExpress驱动的WinForms应用程序引入现代的UI元素和用户体验!P.S:DevExpressWinForms拥有180+组件和UI库,能为WindowsForms平台创建具有影响力的业务解决方案。DevExpressWinForms能完美构建流畅、美观且易于使用的应......
  • css 属性百分比基准—块级父元素
    基准总体而言百分比的基准就是父元素的宽度高度,如果父元素有设置具体的宽高,就会以父元素的宽高为基准,没设置具体宽高的话,会以父元素实际的占用宽高为基准。父元素须是块级元素。如果父元素是inline元素,则会向上查询最近的块级元素作为基准父元素。参考文章https://www.cnbl......
  • CSSmodule的作用是什么
    CSSModules的作用主要体现在以下几个方面:1.解决全局样式污染问题在传统的CSS管理方式中,样式定义通常是全局的,这很容易导致全局样式污染。当多个组件或页面共享同一个样式时,可能会出现样式冲突和覆盖的情况,从而影响到页面的显示效果和用户体验。CSSModules通过为每个CSS样......