CSS 字體從底部開始設置可以讓文字整體向上移動，相對于默認的向下對齊，給人一種獨特的視覺效果。下面是一個實現(xiàn)的例子：

.bottom-align {
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 150px;
}
.bottom-align h1 {
font-size: 50px;
margin: 0;
writing-mode: vertical-lr;
transform: rotate(-180deg);
transform-origin: bottom left;
}

首先，我們使用 flexbox 布局，將元素放在一個具有 150 像素高度的容器中。接下來，我們使用字體大小為 50px 的 h1 標題與 writing-mode 和 transform 屬性，將文本旋轉 180 度，并且以底部左側為起點進行變形。可以使用以下 HTML 標記實現(xiàn)：

<div class="bottom-align">
<h1>這是一個底部對齊的文字</h1>
</div>

運用這種技巧，可以在設計中增加出奇制勝的效果，讓文本脫穎而出。但需要注意，在使用這種方式時，一定要盡可能使用固定高度的容器，以便避免文本大小的變化導致排版混亂。