<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>對齊方式和實現圓角矩形</title>
<style type="text/css">
.yuan{
border: 1px solid gold;
background-color: green;
height: 100px;
width: 400px;
margin-left: 100px;
/*圓角,分別設置上右,上左,下右下左的切割*/
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom-left-radius: 20px;
border-bottom-right-radius: 20px;
}
</style>
</head>
<body>
<!--
作者：offline
時間：2019-05-06
描述：vertical-align 設置行類元素在行上的垂直對齊方式其值有
baseline, top ,middle,bottom,text-top,text-bottom,super,sub
也可用於單元表格,其意思一樣
-->
<p>水的分子式爲H<span style="vertical-align:sub;">2</span>O</p>
<P>x的平方表示方法X<span style="vertical-align: super;">2</span></P>
<!--
作者：offline
時間：2019-05-06
描述：設置元素中文本對齊方式,有四個值,right left center justify
-->
<p style="text-align: right;">
君不見，高堂明鏡悲白髮，朝如青絲暮成雪⑶。
人生得意須盡歡⑷，莫使金樽空對月。
天生我材必有用，千金散盡還復來。
烹羊宰牛且爲樂，會須一飲三百杯⑸。
岑夫子，丹丘生⑹，將進酒，杯莫停⑺。
與君歌一曲⑻，請君爲我傾耳聽⑼。
鐘鼓饌玉不足貴⑽，但願長醉不復醒⑾。
古來聖賢皆寂寞，惟有飲者留其名。
陳王昔時宴平樂，斗酒十千恣歡謔⑿。
主人何爲言少錢⒀，徑須沽取對君酌⒁。
五花馬⒂，千金裘，呼兒將出換美酒，與爾同銷萬古愁
</p>
<div class="yuan">
</div>
</body>
</html>
CSS中文本的對齊方式和實現圓角矩形
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
關於C#中方法調用的詳解
一般來說，作爲一個C#程序員，方法調用是最基礎的一個東西，很悲劇的是每次我都漏了一些東西，所以寫下這篇博客，方便大家參考，同時也給自己長點記性。 首先，我們要注意幾個關鍵詞，即訪問修飾符，這很重要。
（HEVC之初學篇）skip，merge，inter在HM代碼裏的理解
1、預習 在HEVC裏面的預測，是原始幀與前一個編碼幀之間進行了一系列操作，逐漸遞歸完成的編碼壓縮。 計算匹配塊的MV要進行運動估計（ME），計算比較麻煩 理論傳輸的是：所有塊的運動矢量 和
手機端常用公共css
html{ display: block; overflow-x: hidden; font-size: 100px; } body { font-size: 0.14rem; min-width