/* 方法一:修改字体 */ p { font-family: "Times New Roman", Times, serif; font-size: 24px; }
这个方法只是简单地改变了字体和大小。如果想要更多改变,请继续阅读。
/* 方法二:使用伪元素 */ p::before { content: "\00bb"; }
这个方法使用了 CSS 伪元素 `::before`,并用 Unicode 字符 `”\00bb”` 设置了内容,它是大于号的代码。但是这个方法只能在大于号前添加样式。
/* 方法三:使用 `border` */ p { border-left: 2px solid black; padding-left: 10px; }
这个方法使用了 `border`,并将它添加到左侧。同时为了让文本不会直接贴到 `border` 上,大家也添加了 `padding`。
/* 方法四:使用 `transform` */ p { transform: rotate(90deg); transform-origin: left top 0; position: absolute; left: -0.5em; top: 1em; }
最后一个方法使用了 `transform`,将大家所需要的元素进行旋转。同时为了使其在一个比较好的位置上,大家添加了一些额外的 CSS 代码。