CSS+DIV實(shí)現(xiàn)圓角表格的方法有哪些
這篇文章主要介紹“CSS+DIV實(shí)現(xiàn)圓角表格的方法有哪些”，在日常操作中，相信很多人在CSS+DIV實(shí)現(xiàn)圓角表格的方法有哪些問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對(duì)大家解答”CSS+DIV實(shí)現(xiàn)圓角表格的方法有哪些”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！
成都創(chuàng)新互聯(lián)公司主要從事成都網(wǎng)站建設(shè)、成都網(wǎng)站制作、網(wǎng)頁設(shè)計(jì)、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)工農(nóng),十年網(wǎng)站建設(shè)經(jīng)驗(yàn),價(jià)格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220
CSS+DIV實(shí)現(xiàn)圓角表格的三種方法
很多網(wǎng)頁上都有圓角表格，讓人看起來非常舒服。今天向大家講解CSS+DIV實(shí)現(xiàn)圓角表格的三種方法。
方法一：網(wǎng)上流傳最多的DIV圓角方式，完整代碼如下；
CSS實(shí)現(xiàn)DIV圓角的三種方法 圓角DIV內(nèi)容
總結(jié)：此方法靈活性較好，但調(diào)用麻煩，每次調(diào)用，DIV前后都需要加上如此多的代碼，而且圓角的半徑不好調(diào)。
方法二：使用background-image方法，使DIV出現(xiàn)圓角背景圖片；這個(gè)方法需要事先在PS或FW畫好一張圓角的背景圖片；
示例：
div{background:url(圖片url)no-repeat;}總結(jié)：此方法適合用于特別位置，調(diào)用方法最簡單，但靈活性不夠好。要改變表格大小，必須重新做圓角背景圖片。
方法三：
同樣background-image方法，使DIV出現(xiàn)圓角底景圖片；這個(gè)方法需要事先在PS或FW畫好一張圓角的背景圖片；但這個(gè)方法需要分成三個(gè)DIV實(shí)現(xiàn)，***個(gè)DIV放上圓角背景的最左邊部分，中間的DIV使用1像素背景填充，第三個(gè)DIV放上圓角背景的最右邊部分；
示例：
div_l{float:left;background:url(圓角背景的最左邊部分圖片url)no-repeat;}/*自行設(shè)置高度，寬度*/ div_m{float:left;background:url(1像素背景填充圖片url)repeat-x;}/*自行設(shè)置高度，寬度，背景圖片橫向重復(fù)*/ div_r{float:left;background:url(圓角背景的最右邊部分圖片url)no-repeat;}/*自行設(shè)置高度，寬度*/ DIV內(nèi)容DIV內(nèi)容 
重慶分公司
重慶分公司
