line-throughtext-decoration-line: line-through; no-underlinetext-decoration-line: none; Basic usage Setting the text decoration Control how text is decorated with theunderline,no-underline, andline-throughutilities. underline The quick brown fox jumps over the lazy dog. ...
Utilities for controlling the opacity of an element's text color. .text-opacity-amount Text Decoration 用于设置字体装饰 Utilities for controlling the decoration of text. .underline 下划线 .line-through 划线 .no-underline 没有划线 Text Transform 用于对字体进行简单变更 Utilities for controlling the tra...
text-decoration: none; transition: background-color 300ms, color 300ms; } .btn:hover { background-color: #34D399; color: #FFF; } 使用Tailwind CSS,无需编写一行 CSS 即可重新创建此按钮,而是使用一堆低级实用程序类: Example 可以看到,这里使用了很多类来为之前相同的按钮样式设置样式,但每个类只...
@mediaprint {a{color: inherit;text-decoration: none; } } 现在借助 Tailwind 的便捷的print和screen修饰符,网站在屏幕和纸上都可以呈现出出色的效果。 在Tailwind 中设置打印和屏幕前缀 Tailwind 是一个出色的实用工具优先的 CSS 框架,我们希望能够在每个客户或项目中使用它。它就像是样式界的瑞士军刀,只不过没...
.btn {display: inline-block;border: 1px solid #34D399;background-color: transparent;border-radius: 0.375rem;padding: 0.5rem 1.5rem;color: #34D399;line-height: 1;cursor: pointer;text-decoration: none;transition: background-color 300ms, color 300ms;}.btn:hover {background-color: #34D399...
textDecoration The text-decoration utilities like line-through textOpacity The text-opacity utilities like text-opacity-50 textOverflow The text-overflow utilities like overflow-ellipsis textTransform The text-transform utilities like lowercase transform The transform utility (for enabling transform features)...
Tailwind提供的.text-opacity-{amount}用于设置字体颜色的透明度,透明度分为5个等级。 文本装饰(text decoration) CSS的text-decoration属性用于对文本内容进行装饰或修饰,比如常见的上划线、下划线、删除线等。 text-decoration:none | underline | overline | line-through | blink | inherit; ...
boxDecorationBreak The box-decoration-break utilities like decoration-slice boxShadow The box-shadow utilities like , boxSizing The box-sizing utilities like box-border brightness The brightness utilities like caretColor The caret-color utilities like clear The clear utilities like clear-right content...
Tailwind CSS - Text Decoration Style - Tailwind CSS Text Decoration Styles is a utility class that provides easy ways to add or remove text decoration styles from text elements on web pages.
Tailwind CSS Text Decoration Thicknessincludes predefined classes that control the thickness of lines around text and the visual weight applied to text elements, as well as the appearance of text decorations like underlines, overlines, and strikethroughs....