在HTML中，可以使用CSS來(lái)設(shè)置邊框?qū)挾?，以下是一個(gè)簡(jiǎn)單的示例：
創(chuàng)新互聯(lián)建站：成立與2013年為各行業(yè)開拓出企業(yè)自己的“網(wǎng)站建設(shè)”服務(wù)，為數(shù)千家公司企業(yè)提供了專業(yè)的成都網(wǎng)站建設(shè)、做網(wǎng)站、網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站推廣服務(wù)， 按需網(wǎng)站制作由設(shè)計(jì)師親自精心設(shè)計(jì)，設(shè)計(jì)的效果完全按照客戶的要求，并適當(dāng)?shù)奶岢龊侠淼慕ㄗh，擁有的視覺(jué)效果，策劃師分析客戶的同行競(jìng)爭(zhēng)對(duì)手，根據(jù)客戶的實(shí)際情況給出合理的網(wǎng)站構(gòu)架，制作客戶同行業(yè)具有領(lǐng)先地位的。
1、創(chuàng)建一個(gè)HTML文件，例如index.html，并添加以下內(nèi)容：
設(shè)置邊框?qū)挾仁纠?/title>
<style>
/* 在這里添加CSS樣式 */
</style>
</head>
<body>
<table border="1">
<tr>
<th>標(biāo)題1</th>
<th>標(biāo)題2</th>
</tr>
<tr>
<td>內(nèi)容1</td>
<td>內(nèi)容2</td>
</tr>
</table>
</body>
</html>
</pre><p>2、接下來(lái)，在<code><style></code>標(biāo)簽內(nèi)添加CSS樣式，設(shè)置表格的邊框?qū)挾?，將邊框?qū)挾仍O(shè)置為2像素：</p><pre class="brush:css;toolbar:false">
table {
bordercollapse: collapse; /* 合并邊框 */
}
th, td {
border: 2px solid black; /* 設(shè)置邊框?qū)挾葹?像素，顏色為黑色 */
padding: 8px; /* 設(shè)置內(nèi)邊距 */
}
</pre><p>3、保存文件并在瀏覽器中打開<code>index.html</code>，你將看到一個(gè)帶有邊框?qū)挾鹊谋砀瘛?/p> <br>
當(dāng)前名稱：html如何設(shè)置邊框?qū)挾? <br>
轉(zhuǎn)載注明：<a href="http://uogjgqi.cn/article/dhejejp.html">http://uogjgqi.cn/article/dhejejp.html</a>
</div>
<div id="ckyk00k" class="view-qrocde cl">
<div id="qosgkym" class="m z"><img src="/Public/Home/images/ew.jpg"/></div>
<div id="u2m2mgw" class="text">
<h6>掃二維碼與項(xiàng)目經(jīng)理溝通</h6>
<p>我們?cè)谖⑿派?4小時(shí)期待你的聲音</p>
<p>解答本文疑問(wèn)/技術(shù)咨詢/運(yùn)營(yíng)咨詢/技術(shù)建議/互聯(lián)網(wǎng)交流</p>
</div>
</div>
<div id="gmwgk00" class="othernews cl">
<h3>其他資訊</h3>
<ul>
<li><a href="/article/codgehh.html">Apache指令：apachectlstop(停止Apache)</a></li><li><a href="/article/codgiej.html">如何用Hedy教人編程</a></li><li><a href="/article/codgiep.html">香港高防服務(wù)器價(jià)格</a></li><li><a href="/article/codgisj.html">windows10ie圖標(biāo)怎么刪?（win10ie圖標(biāo)怎么刪除)</a></li><li><a href="/article/codgidh.html">如何創(chuàng)建一個(gè)網(wǎng)站,網(wǎng)站創(chuàng)建的基本流程</a></li> </ul>
</div>
</div>
</div>
<div id="qw2uakk" class="sidebar">
<div id="gwmosye" class="tuijian">
<a href="#">
<h2 class="cl"><span>行業(yè)動(dòng)態(tài)</span></h2>
<h3>企業(yè)網(wǎng)站建設(shè)的重要性！</h3>
<p>現(xiàn)在雖然是移動(dòng)互聯(lián)網(wǎng)時(shí)代，但企業(yè)網(wǎng)站依然重要，包含PC站點(diǎn)，移動(dòng)站。可以說(shuō)企業(yè)網(wǎng)站關(guān)系企業(yè)的未來(lái)發(fā)展和前途，尤其對(duì)中小企業(yè)更是如此，一些中小企業(yè)老板，對(duì)自己的名片很在乎，因?yàn)檫@是個(gè)門面。...</p>
</a>
</div>
<div id="2eeqckg" class="ser sidesub">
<h2>服務(wù)項(xiàng)目</h2>
<ul class="ebox">
<li id="yugqsyu" class="sub sub-1">
<div>
<h3>網(wǎng)站建設(shè)</h3>
<p></p>
<a class="btn" href="/serve/website/">查看詳情</a>
</div>
</li>
<li id="ucoyuki" class="sub sub-1">
<div>
<h3>移動(dòng)端/APP</h3>
<p></p>
<a class="btn" href="/serve/moblie/">查看詳情</a>
</div>
</li>
<li id="muimy2y" class="sub sub-1">
<div>
<h3>微信/小程序</h3>
<p></p>
<a class="btn" href="/serve/small/">查看詳情</a>
</div>
</li>
<li id="syeqsqu" class="sub sub-1">
<div>
<h3>技術(shù)支持</h3>
<p></p>
<a class="btn" href="/serve/tech/">查看詳情</a>
</div>
</li>
<li id="mu20kag" class="sub sub-1">
<div>
<h3>其它服務(wù)</h3>
<p></p>
<a class="btn" href="/serve/othe/">查看詳情</a>
</div>
</li>
<li id="00cmiww" class="sub sub-5">
<div>
<h3>更多服務(wù)項(xiàng)目</h3>
<p> <a>用我們的專業(yè)和誠(chéng)信贏得您的信賴，從PC到移動(dòng)互聯(lián)網(wǎng)均有您想要的服務(wù)！</a></p>
<a class="btn" href="/serve/">獲取更多</a>
</div>
</li>
</ul>
</div>
<div id="ei2i0ig" class="contact" id="fix">
<h2 class="cl"> <span>聯(lián)系吧</span> <a class="ditu" rel="nofollow" target="_blank">在百度地圖上找到我們</a> </h2>
<h3>電話：13518219792</h3>
<p>如遇占線或暫未接聽(tīng)請(qǐng)撥：136xxx98888</p>
<div id="yys2w00" class="qq"> <a rel="nofollow" target="_blank">業(yè)務(wù)咨詢</a> <a rel="nofollow" target="_blank">技術(shù)咨詢</a> <a rel="nofollow" target="_blank">售后服務(wù)</a> </div>
</div>
</div>
<script>
//固定滾動(dòng)
(function () {
var oDiv = document.getElementById("fix");
var H = 120,
iE6;
var Y = oDiv;
while (Y) {
H += Y.offsetTop;
Y = Y.offsetParent
};
iE6 = window.ActiveXObject && !window.XMLHttpRequest;
if (!iE6) {
window.onscroll = function ()
{
var s = document.body.scrollTop || document.documentElement.scrollTop;
if (s > H) {
oDiv.className = "contact fixed";
if (iE6) {
oDiv.style.top = (s - H) + "px";
}
} else {
oDiv.className = "contact ";
}
};
}
})();
</script>
</div>
<div id="2wk80wu" class="footer">
<div id="yos2ayw" class="wp">
<div id="o2a0ma0" class="wpss cl">
<dl class="about">
<dt>網(wǎng)站設(shè)計(jì)</dt>
<dd><a target="_blank" title="成都網(wǎng)站設(shè)計(jì)">成都網(wǎng)站設(shè)計(jì)</a></dd><dd><a target="_blank" title="宜賓網(wǎng)站設(shè)計(jì)">宜賓網(wǎng)站設(shè)計(jì)</a></dd><dd><a target="_blank" title="定制網(wǎng)站設(shè)計(jì)">定制網(wǎng)站設(shè)計(jì)</a></dd><dd><a target="_blank" title="高端網(wǎng)站設(shè)計(jì)推廣">高端網(wǎng)站設(shè)計(jì)推廣</a></dd> </dl>
<dl class="about">
<dt>網(wǎng)站制作</dt>
<dd><a target="_blank" title="移動(dòng)手機(jī)網(wǎng)站制作">移動(dòng)手機(jī)網(wǎng)站制作</a></dd><dd><a target="_blank" title="綿陽(yáng)網(wǎng)站制作公司">綿陽(yáng)網(wǎng)站制作公司</a></dd><dd><a target="_blank" title="重慶網(wǎng)站制作">重慶網(wǎng)站制作</a></dd><dd><a target="_blank" title="成都網(wǎng)站制作">成都網(wǎng)站制作</a></dd> </dl>
<dl class="contact">
<dt>聯(lián)系我們</dt>
<dd>電話：13518219792</dd>
<dd>郵箱：631063699@qq.com</dd>
<dd>地址：成都青羊區(qū)錦天國(guó)際1002號(hào)</dd>
<dd>網(wǎng)址：uogjgqi.cn</dd>
</dl>
<dl class="about" style="margin-left:50px;width:235px;">
<dt>網(wǎng)站建設(shè)</dt>
<dd><a target="_blank" title="雅安網(wǎng)站建設(shè)">雅安網(wǎng)站建設(shè)</a></dd><dd><a target="_blank" title="成都網(wǎng)站建設(shè)">成都網(wǎng)站建設(shè)</a></dd><dd><a target="_blank" title="企業(yè)網(wǎng)站建設(shè)">企業(yè)網(wǎng)站建設(shè)</a></dd><dd><a target="_blank" title="綿陽(yáng)網(wǎng)站建設(shè)公司">綿陽(yáng)網(wǎng)站建設(shè)公司</a></dd> <!--成都網(wǎng)站建設(shè) 成都網(wǎng)站制作 成都做網(wǎng)站 網(wǎng)站建設(shè)公司-->
</dl>
<dl class="flow">
<dt></dt>
<div id="iqm0i2u" class="ma cl">
<div id="qg2gige" class="m"> <img src="/Public/Home/images/ew.jpg" />
<p>微信二維碼</p>
</div>
</div>
</dl>
</div>
</div>
<div id="wceoiq0" class="footer-link wp">
<ul class="wpss cl">
<li id="kc2ku20" class="fisrt">友情鏈接</li>
<li><a title="實(shí)驗(yàn)室超純水機(jī)" target="_blank">實(shí)驗(yàn)室超純水機(jī)</a></li><li><a title="成都關(guān)鍵詞SEO優(yōu)化" target="_blank">成都關(guān)鍵詞SEO優(yōu)化</a></li><li><a title="成都微信開發(fā)" target="_blank">成都微信開發(fā)</a></li><li><a title="成都移動(dòng)機(jī)房" target="_blank">成都移動(dòng)機(jī)房</a></li><li><a title="達(dá)州發(fā)電機(jī)組" target="_blank">達(dá)州發(fā)電機(jī)組</a></li><li><a title="成都網(wǎng)站維護(hù)公司" target="_blank">成都網(wǎng)站維護(hù)公司</a></li><li><a title="成都網(wǎng)站排名" target="_blank">成都網(wǎng)站排名</a></li><li><a title="成都網(wǎng)站安全維護(hù)" target="_blank">成都網(wǎng)站安全維護(hù)</a></li><li><a title="成都航空快遞" target="_blank">成都航空快遞</a></li><li><a title="zsjierui.cn" target="_blank">zsjierui.cn</a></li> </ul>
</div>
</div>
<div id="ciasmuq" class="bot-footer">
<div id="qomcmms" class="wp">
<p class="wpss"> <em>Copyright © 2002-2023 uogjgqi.cn 快上網(wǎng)建站品牌 QQ：244261566 版權(quán)所有</em> <em>備案號(hào)：<a rel="external nofollow">蜀ICP備19037934號(hào)</a></em>
</p>
<p class="wpss" style="line-height:30px !important;"> </p>
</div>
</div>
<div id="w0mikke" class="footer-kefu">
<ul>
<li id="aw2oiwk" class="qq"><a ><em></em>在線咨詢</a>
</li>
<li id="k0ewggs" class="tel"><a href="tel:13518219792" target="_blank"><em></em>13518219792</a></li>
<li id="ceyoaik" class="wx"> <em></em>
<div id="wm0oiqu" class="code"> <img src="/Public/Home/images/ew.jpg" />
<p>微信二維碼</p>
</div>
</li>
<li id="u2qiuio" class="m"> <em></em>
<div id="2yscy0o" class="code"> <img src="/Public/Home/images/ew.jpg" />
<p>移動(dòng)版官網(wǎng)</p>
</div>
</li>
<li id="e20q2go" class="top"><em></em></li>
</ul>
</div>
<script src="/Public/Home/js/all.js"></script>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://uogjgqi.cn/" title="av激情亚洲男人的天堂国语,日韩欧美精品一中文字幕,无码av一区二区三区无码,国产又色又爽又刺激的a片,国产又色又爽又刺激的a片">av激情亚洲男人的天堂国语</a>
<div class="friend-links">
</div>
</div>
</footer>
<script>
(function(){
var bp = document.createElement('script');
var curProtocol = window.location.protocol.split(':')[0];
if (curProtocol === 'https') {
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
}
else {
bp.src = 'http://push.zhanzhang.baidu.com/push.js';
}
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(bp, s);
})();
</script>
</body><div id="6sk0u" class="pl_css_ganrao" style="display: none;"><dd id="6sk0u"><blockquote id="6sk0u"><noscript id="6sk0u"></noscript></blockquote></dd><tr id="6sk0u"><sup id="6sk0u"><tr id="6sk0u"></tr></sup></tr><source id="6sk0u"><dd id="6sk0u"><pre id="6sk0u"></pre></dd></source><center id="6sk0u"><acronym id="6sk0u"><tbody id="6sk0u"></tbody></acronym></center><tr id="6sk0u"><cite id="6sk0u"><strike id="6sk0u"></strike></cite></tr><em id="6sk0u"><abbr id="6sk0u"><menu id="6sk0u"></menu></abbr></em><bdo id="6sk0u"><fieldset id="6sk0u"><dd id="6sk0u"></dd></fieldset></bdo><option id="6sk0u"><code id="6sk0u"><wbr id="6sk0u"></wbr></code></option><sup id="6sk0u"><acronym id="6sk0u"><nav id="6sk0u"></nav></acronym></sup><del id="6sk0u"><abbr id="6sk0u"><menu id="6sk0u"></menu></abbr></del><tbody id="6sk0u"><del id="6sk0u"><abbr id="6sk0u"></abbr></del></tbody><th id="6sk0u"><blockquote id="6sk0u"><option id="6sk0u"></option></blockquote></th><cite id="6sk0u"><strike id="6sk0u"><samp id="6sk0u"></samp></strike></cite><nav id="6sk0u"><strike id="6sk0u"><samp id="6sk0u"></samp></strike></nav><wbr id="6sk0u"><sup id="6sk0u"><samp id="6sk0u"></samp></sup></wbr><tr id="6sk0u"><center id="6sk0u"><samp id="6sk0u"></samp></center></tr><strike id="6sk0u"><samp id="6sk0u"><del id="6sk0u"></del></samp></strike><samp id="6sk0u"><del id="6sk0u"><abbr id="6sk0u"></abbr></del></samp><bdo id="6sk0u"><menu id="6sk0u"><th id="6sk0u"></th></menu></bdo><sup id="6sk0u"><acronym id="6sk0u"><tbody id="6sk0u"></tbody></acronym></sup><noscript id="6sk0u"><code id="6sk0u"><wbr id="6sk0u"></wbr></code></noscript><wbr id="6sk0u"><sup id="6sk0u"><acronym id="6sk0u"></acronym></sup></wbr><bdo id="6sk0u"><fieldset id="6sk0u"><dd id="6sk0u"></dd></fieldset></bdo><tr id="6sk0u"><sup id="6sk0u"><tr id="6sk0u"></tr></sup></tr><pre id="6sk0u"><blockquote id="6sk0u"><option id="6sk0u"></option></blockquote></pre><bdo id="6sk0u"><source id="6sk0u"><pre id="6sk0u"></pre></source></bdo><tbody id="6sk0u"><pre id="6sk0u"><abbr id="6sk0u"></abbr></pre></tbody><source id="6sk0u"><pre id="6sk0u"><abbr id="6sk0u"></abbr></pre></source><center id="6sk0u"><acronym id="6sk0u"><em id="6sk0u"></em></acronym></center><cite id="6sk0u"><strike id="6sk0u"><samp id="6sk0u"></samp></strike></cite><option id="6sk0u"><code id="6sk0u"><cite id="6sk0u"></cite></code></option><pre id="6sk0u"><pre id="6sk0u"><noscript id="6sk0u"></noscript></pre></pre><pre id="6sk0u"><pre id="6sk0u"><option id="6sk0u"></option></pre></pre><del id="6sk0u"><abbr id="6sk0u"><noscript id="6sk0u"></noscript></abbr></del><ul id="6sk0u"><tr id="6sk0u"><nav id="6sk0u"></nav></tr></ul><abbr id="6sk0u"><noscript id="6sk0u"><object id="6sk0u"></object></noscript></abbr><dd id="6sk0u"><blockquote id="6sk0u"><option id="6sk0u"></option></blockquote></dd><wbr id="6sk0u"><sup id="6sk0u"><acronym id="6sk0u"></acronym></sup></wbr><cite id="6sk0u"><strike id="6sk0u"><acronym id="6sk0u"></acronym></strike></cite><ul id="6sk0u"><tr id="6sk0u"><nav id="6sk0u"></nav></tr></ul><option id="6sk0u"><table id="6sk0u"><wbr id="6sk0u"></wbr></table></option><menu id="6sk0u"><th id="6sk0u"><blockquote id="6sk0u"></blockquote></th></menu><tr id="6sk0u"><nav id="6sk0u"><center id="6sk0u"></center></nav></tr><pre id="6sk0u"><abbr id="6sk0u"><fieldset id="6sk0u"></fieldset></abbr></pre><em id="6sk0u"><abbr id="6sk0u"><fieldset id="6sk0u"></fieldset></abbr></em><menu id="6sk0u"><object id="6sk0u"><tr id="6sk0u"></tr></object></menu><sup id="6sk0u"><samp id="6sk0u"><em id="6sk0u"></em></samp></sup><table id="6sk0u"><nav id="6sk0u"><strike id="6sk0u"></strike></nav></table><strike id="6sk0u"><tbody id="6sk0u"><del id="6sk0u"></del></tbody></strike><table id="6sk0u"><nav id="6sk0u"><center id="6sk0u"></center></nav></table></div>
</html>
<script>
$(".cont img").each(function(){
var src = $(this).attr("src"); //獲取圖片地址
var str=new RegExp("http");
var result=str.test(src);
if(result==false){
var url = "https://www.cdcxhl.com"+src; //絕對(duì)路徑
$(this).attr("src",url);
}
});
window.onload=function(){
document.oncontextmenu=function(){
return false;
}
}
</script>