有没有办法创建看起来像标签的元素?

有没有办法创建看起来像标签的元素?

我怎样才能设计出一些看起来像 stackoverflow 标签的元素的样式? 在此处输入图片描述

答案1

这是另一个选项tcolorbox

在此处输入图片描述

代码:

\documentclass{article}
\usepackage[many]{tcolorbox}

\definecolor{tagbg}{RGB}{224,234,241}
\definecolor{tagtext}{RGB}{62,109,154}

\newtcbox{\mytag}{
  enhanced,
  nobeforeafter,
  tcbox raise base,
  boxrule=0.4pt,
  top=1pt,
  bottom=1pt,
  right=3pt,
  left=3pt,
  arc=0pt,
  outer arc=0pt,
  boxrule=0.4pt,
  before upper={\vphantom{dlg}},
  coltext=tagtext,
  colback=tagbg,
  colframe=tagtext,
  fontupper=\sffamily
}

\begin{document}

\mytag{html}
\mytag{css}
\mytag{alignment}

\end{document}

答案2

使用包\fcolorbox中的命令,xcolor您可以定义一个新命令\tagbox

\newcommand{\tagbox}[1]{\fcolorbox{LightGray}{LightCyan}{\textsf{#1}}}

将颜色更改为您喜欢的颜色。

梅威瑟:

\documentclass{article}
\usepackage[svgnames]{xcolor}
\newcommand{\tagbox}[1]{\fcolorbox{LightGray}{LightCyan}{\textsf{#1}}}
\begin{document}
\tagbox{html}
\end{document}

输出:

在此处输入图片描述


编辑

只是为了表明没有它也可以做到tcolorbox

MWE(颜色借自贡萨洛的回答

\documentclass{article}
\usepackage{xcolor}

% colors borrowed from Gonzalo's answer
\definecolor{TagBG}{RGB}{224,234,241}
\definecolor{TagText}{RGB}{62,109,154}

\newcommand{\tagbox}[1]{\fcolorbox{TagText}{TagBG}{\textcolor{TagText}{\textsf{\vphantom{hg}#1}}}}

\begin{document}
\tagbox{html} \tagbox{css} \tagbox{alignment}
\end{document} 

输出:

在此处输入图片描述

相关内容