首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >更改Scribble (html后端)中的字体颜色

更改Scribble (html后端)中的字体颜色
EN

Stack Overflow用户
提问于 2016-01-19 22:24:45
回答 3查看 578关注 0票数 4

有没有任何方法来改变字体颜色在涂鸦与HTML后端?

(更具体地说,我想在库的手册中添加一个大的红色警告标签。)

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2016-02-09 20:42:21

事实证明,您可以在不使用后端依赖解决方案的情况下直接在拼字中完成此操作。诀窍是使用具有样式color-property

使用elem设置样式,如图所示,您可以创建一个colorize函数,该函数设置文本的颜色。

代码语言:javascript
复制
(define (colorize #:color c . content)
  (elem #:style (style #f (list (color-property c)))
        content))

然后你可以像这样用它:

代码语言:javascript
复制
@colorize[#:color "red"]{WARNING}

还有background-color-property,你可以起诉设置文本的背景。

票数 2
EN

Stack Overflow用户

发布于 2016-01-20 16:44:23

正如Alexis所提到的,您可以使用一个与级联样式表( Cascading,CSS)配对的class,如下所示:

代码语言:javascript
复制
<head>
   <link rel="stylesheet" type="text/css" href="mystyle.css">
   <!-- that's to link our styles to the webpage. -->
</head>
<body>
   <!-- some time later... -->
   <p class = "example">test</p> 
   <!-- the rest of the website -->

mystyle.css

代码语言:javascript
复制
.example{ /* select all tags with the "example" class */
     color: #FF0000; /* change font color using hex value */
     background-color: #552222; /* change background color using hex value */
}

现在,如果我们能够使用多个文件,这将是很棒的。但是,如果您想将所有信息都放在一个文件中,我们可以在一个<style>标记中发送相同的信息:

代码语言:javascript
复制
<head>
   <!-- no need to link our styles, since they're embedded in the webpage. -->
</head>
<body>
   <style>
     .example{ /* select all tags with the "example" class */
        color: #FF0000; /* change font color using hex value */
        background-color: #552222; /* change background color using hex value */
     }
   </style>
   <!-- some time later... -->
   <p class = "example">test</p> 
   <!-- the rest of the website -->

还有一种嵌入它的方法,但是你不应该使用它。永远不会。这永远是正确的方法。

如果您需要更多来自CSS方面的内容,请参见examples.asp

票数 1
EN

Stack Overflow用户

发布于 2016-01-20 19:41:12

手动创建包含style属性的attributes结构似乎有效:

代码语言:javascript
复制
#lang scribble/base

@(require scribble/core
          scribble/html-properties)

@para[#:style (style #f `(,(attributes '([style . "color:blue;"]))))]{blue text}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/34888125

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档