怎麼在網頁設計裡面弄圓角矩形

1、html如何做圓角矩形

<style type="text/css">

.wrapper{width:181px;background:#8cc355 url(bottom.gif) no-repeat left bottom;}

.wrapper h1{padding:10px 20px 0 20px;background:url(top.gif) no-repeat left top;}

.wrapper p{padding:0 20px 10px 20px;}

 

</style>

 

<div class="wrapper">

<h1>標題</h1>

<p>內容</p>

</div> 

 

top.gif

bottom.gif

2、CSS圓角矩形設置

CSS圓角矩形可以使用 Border-radius 屬性即可實現。

Border-radius 屬性相關定義功能及其案例：

對瀏覽器的支持：IE9+、Firefox 4+、Chrome、Safari 5+ 以及 Opera 支持 border-radius 屬性。

定義和用法：border-radius 屬性是一個簡寫屬性，用於設置四個 border-*-radius 屬性。該屬性允許您為元素添加圓角邊框！

默認值：0；

繼承性：no；

版本：CSS3；

JavaScript 語法：object.style.borderRadius="5px"。

語法：border-radius: 1-4 length|% / 1-4 length|%。

length：定義圓角的形狀。

%：以百分比定義圓角的形狀。

案例：

案例1：border-radius:2em;

等同於：
border-top-left-radius:2em;
border-top-right-radius:2em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;案例2：border-radius: 2em 1em 4em / 0.5em 3em;等同於：
border-top-left-radius: 2em 0.5em;
border-top-right-radius: 1em 3em;
border-bottom-right-radius: 4em 0.5em;
border-bottom-left-radius: 1em 3em

注意事項：

按此順序設置每個 radii 的四個值。如果省略 bottom-left，則與 top-right 相同。如果省略 bottom-right，則與 top-left 相同。如果省略 top-right，則與 top-left 相同。

3、怎麼用css寫出圓角矩形？

http://jimmypassport.spaces.live.com/blog/cns!5782FBEA32A8C375!135.entry

看看這個 是否對你有幫助

4、怎麼設置css圓角矩形

你好我的回答請採納吧！

border-radius: 4px;    /*目標元素四角都為4px的圓角*/
border-top-right-radius: 4px;    /*目標元素右上角為4px的圓角*/
border-top-left-radius: 4px;    /*目標元素左上角為4px的圓角*/

右下角和左下角也同樣使用border-top-right-radius的書寫格式。

請採納吧！

5、在網頁中實現圓角矩形樣式

|這個就是個border邊角的樣式 border-radius:5em;//左上、右上、右下、左下
也可以這么寫
border-radius:2em;
||
border-top-left-radius:2em;
border-top-right-radius:2em;
border-bottom-right-radius:2em;
border-bottom-left-radius:2em;

6、Dreamweaver怎麼在網頁中顯示一個圓角矩形

<!--在代碼中寫入如下代碼-->

<style type="text/css">
.a{
width: 50px;
height: 50px;
border-radius: 5px;
border: 1px solid #000;
}
</style>

<div class="a"></div>

7、在html中怎麼填充圓角矩形的背景

<div style="background-color:red;border-radio:10px;width:100%;height:100%;border-radius: 10px;">
</div>

主要做圓角用border-radius這個樣式。

8、網頁設計中圓角矩形怎麼實現例子

您好。【三佳網頁設計】為您解答。
圓角矩形的css代碼：border-radius:5px； ：5px「代表意思是」上 右 下 左 「都是5px；
希望可以幫到您！

9、div+css如何實現圓角矩形

具體操作步驟如下：

1、首先打開sublime text軟體，新建一個html文件，輸入基本的html結構：

2、然後設置一個div，並設置div的class屬性，在上方的style中設置樣式，設置背景顏色、高度和寬度並設置border邊框和邊框的圓角屬性，完成後保存：

3、最後打開瀏覽器就可以看到效果：