css實(shí)現(xiàn)圓角的幾種方法是什么？

有四種方法可以實(shí)現(xiàn)圓角。

創(chuàng)新互聯(lián)：2013年至今為各行業(yè)開拓出企業(yè)自己的“網(wǎng)站建設(shè)”服務(wù)，為上千余家公司企業(yè)提供了專業(yè)的成都做網(wǎng)站、成都網(wǎng)站設(shè)計(jì)、網(wǎng)頁設(shè)計(jì)和網(wǎng)站推廣服務(wù)， 按需定制設(shè)計(jì)由設(shè)計(jì)師親自精心設(shè)計(jì)，設(shè)計(jì)的效果完全按照客戶的要求，并適當(dāng)?shù)奶岢龊侠淼慕ㄗh，擁有的視覺效果，策劃師分析客戶的同行競爭對手，根據(jù)客戶的實(shí)際情況給出合理的網(wǎng)站構(gòu)架，制作客戶同行業(yè)具有領(lǐng)先地位的。

第一、直接寫CSS代碼：border-radius

第二、四個圓角貼圖；制作四個圓角的圖片，然后用css定義

第三、直接制作整個圓角矩形背景

第四、定義12個背景色：左上角4個，右上角4個，右下角4個，左下角4個。

如何用CSS代碼設(shè)定按鈕的圓角樣式？

用CSS代碼設(shè)定按鈕的圓角樣式，這個在css3中才能實(shí)現(xiàn)，通過使用border-radius來實(shí)現(xiàn)這個效果，不過有瀏覽器的兼容性問題，-moz(例如 -moz-border-radius)用于Firefox；-webkit(例如：-webkit-border-radius)用于Safari和Chrome；border-radius:5px 15px 20px 25px;它的意思就是上的圓角5px，右的圓角15px，下的圓角20px，左的圓角25px，通過例子來實(shí)際看下：

div id="round"/div

#round {

padding:10px; width:300px; height:50px;

border: 5px solid #dedede;

-moz-border-radius: 15px; ? ? ?/* Gecko browsers */

-webkit-border-radius: 15px; ? /* Webkit browsers */

border-radius:15px; ? ? ? ? ? ?/* W3C syntax */

}

效果如圖：

如何用CSS做圓角

方法一：CSS3

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" ""

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

meta http-equiv="Content-Language" content="utf-8" /

meta name="robots" content="all" /

meta name="author" content="Tencent-ISRD" /

meta name="Copyright" content="Tencent" /

titleBorder-radius/title

/head

body

div style="border-width: 1px;border-style: solid;-moz-border-radius: 11px;-khtml-border-radius: 11px;-webkit-border-radius: 11px;border-radius: 11px;padding:5px;"在Firefox和Safari 3的瀏覽器里能看到圓角效果/div

/body

/html

方法二：CSS2

先做好四個圓角背景圖，再定義四個角的類，如：.TL .TR .BL .BR。 四個角使用絕對定位，定位在層的左上、右上、左下、右下位置。

網(wǎng)頁標(biāo)題：css圓角樣式,css矩形圓角樣式
鏈接地址：http://vcdvsql.cn/article40/dsiiceo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站收錄、建站公司、網(wǎng)站營銷、網(wǎng)站設(shè)計(jì)公司、營銷型網(wǎng)站建設(shè)、網(wǎng)站內(nèi)鏈

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)