css 圓角例子
來源:互聯網
上載者:User
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Strict//EN">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
*
{
padding-bottom: 0px;
margin: 0px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
HTML
{
height: 100%;
}
BODY
{
min-height: 101%;
font-family: "verdana" , "ms song" , "宋體" , "Arial" , "微軟雅黑" , "Helvetica" , "sans-serif";
color: #000;
font-size: 9pt;
}
#topics
{
padding-bottom: 10px;
margin: auto;
min-height: 200px;
padding-left: 0px;
width: 95%;
text-overflow: ellipsis;
padding-right: 0px;
overflow: hidden;
word-break: break-all;
padding-top: 0px;
-o-text-overflow: ellipsis;
}
.postBody
{
padding-bottom: 5px;
line-height: 150%;
padding-left: 5px;
padding-right: 2px;
color: #000;
font-size: 13px;
padding-top: 5px;
}
.postBody
{
line-height: 1.5em;
margin-top: 5px;
}
.b, .b1, .b1b, .b2, .b2b, .b3, .b3b, .b4, .b4b
{
display: block;
overflow: hidden;
}
.b1, .b1b, .b2, .b2b, .b3, .b3b
{
height: 1px;
}
.b, .b2, .b2b, .b3, .b3b, .b4, .b4b
{
border-left: #999 1px solid;
border-right: #999 1px solid;
}
.b1, .b1b
{
margin: 0px 5px;
background: #999;
}
.b2, .b2b
{
border-right-width: 2px;
margin: 0px 3px;
border-top-width: 2px;
border-bottom-width: 2px;
border-left-width: 2px;
}
.b3, .b3b
{
margin: 0px 2px;
}
.b4, .b4b
{
margin: 0px 1px;
height: 2px;
}
.d1
{
background: #f7f8f9;
}
.k
{
}
</style>
</head>
<body>
<form id="Form1" method="post" action="1420703.html">
<div id="topics">
<div>
<div class="postBody">
<div>
<div>
<strong class="b1"></strong><strong class="b2 d1"></strong><strong class="b3 d1">
</strong><strong class="b4 d1"></strong>
<div class="b d1">
<table width="100%" class="EditTable">
<tbody>
<tr>
<td class="TD_RIGHT MustFill">
計劃名稱
</td>
<td class="TD_BGLeft">
<input id="txtFName" type="text" class="InputText required max-length-100" runat="server" />
</td>
<td class="TD_RIGHT">
種類名稱
</td>
<td class="TD_BGLeft">
<select id="sltFTypeName" runat="server" name="sltFTypeName" style="width: 250px">
</select>
</td>
</tr>
<tr>
<td class="TD_RIGHT">
制單人
</td>
<td class="TD_BGLeft">
<input id="txtFBiller" type="text" class="InputText" runat="server" disabled="disabled" />
<input id="hdnFBiller" type="hidden" class="InputText max-length-36" runat="server" />
</td>
<td class="TD_RIGHT">
制單日期
</td>
<td class="TD_BGLeft">
<input id="txtFBillDate" type="text" class="InputText validate-date-cn hand" runat="server"
disabled="disabled" />
</td>
</tr>
<tr id="trOpinion" runat="server">
<td class="TD_CENTERWork" style="width: 15%">
審批意見
</td>
<td class="TD_BGLeft" colspan="3" style="line-height: 50px;">
<textarea id="txtOpinion" cols="80" name="txtOpinion" rows="8" runat="server" class="max-length-1000"></textarea>
</td>
</tr>
<tr style="display: none">
<td style="border: none 0px #ffffff">
步驟
</td>
<td colspan="3" style="border: none 0px #ffffff">
<select id="sltAction" runat="server" name="sltAction" style="width: 150px">
</select>
</td>
</tr>
</tbody>
</table>
</div>
<strong class="b4b d1"></strong><strong class="b3b d1"></strong><strong class="b2b d1">
</strong><strong class="b1b"></strong>
</div>
</div>
</div>
</div>
</div>
</form>
</body>
</html>