⑴ html5中button怎麼把邊框怎麼弄成圓角
在HTML中把塊的邊框做成圓角需要利用css的border-radius屬性。
操作步驟：
1、打開Adobe Dreamweaver CC 2015。
⑵ html邊框圓角化代碼
html邊框圓角化可以用css中的「border-radius」屬性來實現。
1、新建html文檔，在body標簽中添加一個div標簽，然後為這個div標簽設置邊框，這時默認情況下邊框是直角：
⑶ web中如何實現圓角矩形是不是有個叫border-radious
利用 CSS3 的 border-radius 屬性能夠令網頁元素表現圓角,雖然目前絕大多數的瀏覽器都已經支持 border-radius 屬性，而老式的IE瀏覽器們如 IE6、IE7 或 IE8 是不支持 border-radious 屬性的。
但可以用一個js插件「CurvyCorners」解決。
通常，要使用網頁中的某些元素呈現圓角，我可以使用 CSS3 的 border-radious 屬性，在需要顯示圓角的CSS元素中添加如下的屬性值即可，如：
#wrapper{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 8px;
border: 1pxsolid#333;
}
Firefox, Safari 和 Chrome 等瀏覽器默認支持這些屬性，但是，對於 IE9 以下的舊版 IE 來說，它們就會無視（不支持）以上的 CSS 屬性，那怎麼辦呢？方法是有的，而且也相當簡單。
首先下載一個小小的 js文件 Curvy Corners 到桌面上，解壓縮，將其中的 curvycorners.js 文件放到網站目錄.
在頁面中使用curvycorners.js 實現圓角功能：
在head節點中加入如下代碼：
<script type="text/JavaScript" src="../curvycorners.js"></script> /*引入js*/
<script type="text/JavaScript">
curvyCorners.addEvent(window, 'load', initCorners);
function initCorners() {
var settings = {
tl: { radius: 20 },
tr: { radius: 20 },
bl: { radius: 20 },
br: { radius: 20 },
antiAlias: true
}
curvyCorners(settings, "#myBox"); /*myBox 為需要處理圓角的容器id*/
}
</script>
⑷ 網頁設計中，怎麼讓DIV的邊框的4個角呈圓角形
怎麼能讓一個DIV或者一個圖片的四角為圓形呢？其實並不需要我們去把每個角都剪切掉，而只需要設置每個解的圓狐度即可。
案例代碼：
div{border-radius:5px5px00;}設置DIV對象盒子左上角和右上角5px圓角，其它兩個角為0不圓角
border-radius:3px 4px 5px 6px代表設置對象左上角3px圓角、右上角4px圓角、右下角5px圓角、左下角6px圓角.box2img{border-radius:5px}
設置DIV中的圖片為圓角圖片。
⑸ 網頁表格邊框的角設置成圓弧
1、單擊插入---->形狀---->圓角矩形。
2、在頁面上單擊並拖動滑鼠，畫出所需要的圓角矩形。
3、拖動如圖所示的黃色標記，可以調整圓角的弧度。
4、在圓角矩形上單擊滑鼠右鍵，彈出快捷菜單，選擇添加文字命令，就可以在圓角矩形中輸入文字。
⑹ 在網站設計中如何設計圖片的圓角顯示
在所要設計的css裡面加上以下代碼【前提是塊級元素】
border-radius:5px;
-webkit-border-radius:5px;
如圖
⑺ 網頁製作中的圓角表格的製作
這個是用css做的，有些就是圖片。通過css「拼裝」就成了圓角好看的表格了。
div+css是現在主流的網頁製作途徑。這樣製作的網頁方便後期的修改。只要幾個代碼就能把網站的風格給改了。
⑻ div css圓角邊框怎麼設置
css3有一種新功能就是給div或者是圖片等圓角，圓角代碼怎麼寫你知道嗎，作為一個經常寫css的網站製作者，今天跟大家分享一下css圓角邊框代碼，當然圖片圓角也是一樣的，我分享的代碼盡量兼容各種瀏覽器，包括ie、360瀏覽器、網路瀏覽器、谷歌瀏覽器等
方法/步驟
1.css代碼：
.yj{
padding:10px; width:300px; height:50px;
border: 2px solid #000000;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius:15px;
}
-moz-border-radius: 15px; -webkit-border-radius: 15px; 這兩個是為了兼容其他一些不常用瀏覽寫的css圓角代碼
html代碼：
<div class="yj">這個div四個角都圓15px;</div>
結果如下：
2 .圖片圓角也是一樣的：
css代碼：
.yj{-moz-border-radius: 15px; -webkit-border-radius: 15px; border-radius:15px;}
html代碼：
<img src="xp.jpg" width="100px" height="100px;" class="yj" />
3.css3圓角代碼也支持上下左右的：
css代碼這么寫：
.yj{
padding:10px; width:300px; height:50px;
border: 2px solid #000000;
-moz-border-radius: 0px 0px 20px 25px;;
-webkit-border-radius: 0px 0px 20px 25px;;
border-radius:0px 0px 20px 25px;;
}
4.圓角代碼也支持拆分的（四個邊框都圓角10px的拆分css代碼如下）：
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius:10px;
border-bottom-left-radius: 10px;