CSS如何给字体加边框

时间：2023-12-07 10:59:38浏览次数：25

标签：3px 2px 边框 1px 字体 white 0px CSS 4px

<h1>
字 体 边 框
</h1>

h1 {
  background-color:black;
  font-family: "Raleway", sans-serif;
  font-size: 28px;
  color: red;
//下方是加边框的内容
  text-shadow: 4px 4px 0 white, 4px -4px 0 white, -4px -4px 0 white, -4px 4px 0 white, 4px 3px 0 white, 4px -3px 0 white, -4px -3px 0 white, -4px 3px 0 white, 4px 2px 0 white, 4px -2px 0 white, -4px -2px 0 white, -4px 2px 0 white, 4px 1px 0 white, 4px -1px 0 white, -4px -1px 0 white, -4px 1px 0 white, 4px 0px 0 white, 4px 0px 0 white, -4px 0px 0 white, -4px 0px 0 white, 3px 4px 0 white, 3px -4px 0 white, -3px -4px 0 white, -3px 4px 0 white, 3px 3px 0 white, 3px -3px 0 white, -3px -3px 0 white, -3px 3px 0 white, 3px 2px 0 white, 3px -2px 0 white, -3px -2px 0 white, -3px 2px 0 white, 3px 1px 0 white, 3px -1px 0 white, -3px -1px 0 white, -3px 1px 0 white, 3px 0px 0 white, 3px 0px 0 white, -3px 0px 0 white, -3px 0px 0 white, 2px 4px 0 white, 2px -4px 0 white, -2px -4px 0 white, -2px 4px 0 white, 2px 3px 0 white, 2px -3px 0 white, -2px -3px 0 white, -2px 3px 0 white, 2px 2px 0 white, 2px -2px 0 white, -2px -2px 0 white, -2px 2px 0 white, 2px 1px 0 white, 2px -1px 0 white, -2px -1px 0 white, -2px 1px 0 white, 2px 0px 0 white, 2px 0px 0 white, -2px 0px 0 white, -2px 0px 0 white, 1px 4px 0 white, 1px -4px 0 white, -1px -4px 0 white, -1px 4px 0 white, 1px 3px 0 white, 1px -3px 0 white, -1px -3px 0 white, -1px 3px 0 white, 1px 2px 0 white, 1px -2px 0 white, -1px -2px 0 white, -1px 2px 0 white, 1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white, -1px 1px 0 white, 1px 0px 0 white, 1px 0px 0 white, -1px 0px 0 white, -1px 0px 0 white, 0px 4px 0 white, 0px -4px 0 white, 0px -4px 0 white, 0px 4px 0 white, 0px 3px 0 white, 0px -3px 0 white, 0px -3px 0 white, 0px 3px 0 white, 0px 2px 0 white, 0px -2px 0 white, 0px -2px 0 white, 0px 2px 0 white, 0px 1px 0 white, 0px -1px 0 white, 0px -1px 0 white, 0px 1px 0 white, 0px 0px 0 white, 0px 0px 0 white, 0px 0px 0 white, 0px 0px 0 white, 0 0 0 white;
}

标签：3px,2px,边框,1px,字体,white,0px,CSS,4px
From： https://www.cnblogs.com/heibaiqi/p/17881194.html

Native Drawing开发指导，实现HarmonyOS基本图形和字体的绘制
场景介绍Native Drawing模块提供了一系列的接口用于基本图形和字体的绘制。常见的应用场景举例：● 2D图形绘制。● 文本绘制。接口说明接口名描述OH_Drawing_BitmapCreate (void)创建一个位图对象。OH_Drawing_BitmapBuild (OH_Drawing_Bitmap......
css3 flex弹性布局详解
一、flexbox弹性盒子2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就能很安全地使用这项功能。二、基本概念Flex是 Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。......
CSS超出长度范围显示省略号
要在CSS中实现超出长度显示省略号的效果，你可以使用以下属性：overflow：该属性定义了当内容溢出元素框时发生的事情，此处我们将它设为hidden，意味着溢出的内容会被隐藏。white-space：该属性设置如何处理元素内的空白，我们将其设为nowrap，这样文本就不会自动换行。text-overflow：此属性定......
用html和css和js实现一个班级点名
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>班级点名系统</title>......
CSS的逻辑组合伪类
CSS的逻辑组合伪类有4种，分别是：:not()、:is()、:where()和：has()。否定伪类:not():not 伪类选择器用来匹配不符合一组选择器的元素。由于它的作用是防止特定的元素被选中，它也被称为反选伪类（negationpseudo-class）。也叫否定伪类，是在元素与括号里面的参数不匹配的时候，就会对这......
antd 5.0 定制主题如此酷炫，我决定开启 @ant-design/cssinjs 阅读之旅
前言antd5.0正式发布已经有一段时间了，发布当天，一心二用的看完直播。很喜欢整个设计，有种简约快乐工作的感觉，某些功能设计初衷也给了我一些启发。antd5.0提供的主题定制挺酷炫的，加之我最近对「CSS-in-JS」很感兴趣。于是迫不及待的打开了它的源码，准备研究一番。我大部分情况下都......
svg+css实现带灰色背景的loading加载动画组件
<template><svgclass="load"viewBox="25255050":style="{width:loadWidth,height:loadWidth}"><circleclass="loading_bg"cx="50"cy="50"r="20"......
CSS结构伪类选择器之否定伪类:not
结构伪类选择器是针对HTML层级结构的伪类选择器。常用的结构化伪类选择器有：:root选择器、:not选择器、:only-child选择器、:first-child选择器、:last-child选择器、:nth-child选择器、:nth-child(n)选择器、:nth-last-child(n)选择器、:nth-of-type(n)选择器、:empty选择器......
CSS按钮样式之button标签与input type=button的区别
原文链接：1、https://www.cnblogs.com/weihanli/p/5162828.html 2、https://www.cnblogs.com/smile6542/p/11968175.html 如果想要在页面上表示一个显示文本的按钮推荐input[type=”button”]方式，如果想要呈现一个图片内容或内容更丰富的按钮推......
CSS简介及常用样式
一、CSS简介CSS：层叠样式表(英文全称：CascadingStyleSheets)：是一种用来表现HTML样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。二、CSS选择器2.1基本选择器（三种）1.标签选择器<style>p{font-size:20px;......

CSS如何给字体加边框

相关文章

赞助商

阅读排行