Bootstrap

77不吃香菜.

于 2023-09-25 08:26:11 发布

阅读量29

点赞数

文章标签： bootstrap 前端 html

本文链接：https://blog.csdn.net/luna_H/article/details/133265817

版权

text-capitalize首字母大写

initialism转大写字母

blockquote-reverse字体靠右

blockquote引用

footer引用多行

cite字体倾斜

circle空心圆
disc实心圆
square正方形


<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="bootstrap-3.3.7-dist/css/bootstrap.css"/>
		<title></title>
		<style type="text/css">
			.box1::before {
				content: '\2014 \00A0';
			}
		</style>
	</head>
	<body style="height: 2000px;">
		<!-- mark行内元素 -->
		<mark>highlight</mark>
		<div class="mark">123123</div>
		<del>123123123</del>
		<s>111111</s>
		<ins>222222222</ins>
		<u>333333333</u>
		<a href="">123123</a>
		<small>444444444</small>
		<p class="small">55555555</p>
		<strong class="h1">666666666</strong>
		<em>123</em>
		<i>123</i>
		<p class="text-left">Left aligned text.</p>
		<p class="text-center">Center aligned text.</p>
		<p class="text-right">Right aligned text.</p>
		<p class="text-lowercase">Lowercased text.</p>
		<p class="text-uppercase">Uppercased text.</p>
		<!-- text-capitalize首字母大写 -->
		<p class="text-capitalize">Capitalized text.</p>
		<hr >
		<abbr class="h1" title="attribute">attr</abbr>
		<a href="" title="提示">123123</a>
		<!-- initialism转大写字母 -->
		<p class="initialism">abc23ccccc123123fffff</p>
		<address>
			<p>11111</p>
			<p>22222</p>
			<strong>Twitter, Inc.</strong><br>
			  1355 Market Street, Suite 900<br>
			  San Francisco, CA 94103<br>
			  <abbr title="Phone">P:</abbr> (123) 456-7890
		</address>
		<!-- blockquote-reverse字体靠右 -->
		<blockquote class="blockquote-reverse">
			<p>1111111111</p>
			<!-- blockquote引用 -->
			<!-- footer引用多行 -->
			<!-- cite字体倾斜 -->
			<footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
		</blockquote>
		<div class="box1">
			9999
		</div>
		<hr>
		<!-- circle空心圆 
		disc实心圆
		square正方形-->
		<ul type="disc">
		    <li>11</li>
			<li>22</li>
			<li>33</li>
		</ul>
		<ol type="I">
		    <li>11</li>
			<li>22</li>
			<li>33</li>
			<li>33</li>
			<li>33</li>
			<li>33</li>
		</ol>
		<dl>
		    <li>11</li>
			<li>11</li>
			<li>11</li>
			<li>11</li>
		</dl>
	</body>
</html>