需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：。
<div style="position: relativewidth: 300pxheight: 80pxborder: 1px solid blue">
<strong style="position: absoluteright: 0top: 0">获取更多</strong>
</div>
3、浏览器运行index.html页面，此时“获取更多”的链接文字移动到条形栏的中间位置了。
CSS修饰文字都是自己写的啊！不同的框架，定义不同的ID或类。不过文字的话就那几种标签。font-size(字的大小)、font-weight(字的粗体)、line-height(行间距)、text-align(文字的对齐方式)、text-indent(对段落而言，首行缩进)、color(字的颜色)、font-family(字体)等等，这些都是常用的。如果想调用的话，可以直接写在一个*.css文件里，用link调用就行了。不明白的话，可以去网上多搜些相关资料看看。希望对你有帮助.
