1、如何用PS得到一個光滑的圓角矩形圖片，用到網頁設計上
將選區羽化15個像素以上，直接就可以達到圓角15以上的效果，不過邊緣比較虛化。其次可以用橢圓選區啊，比較大的圖片，隨便選都可以做到圓角15像素
2、網頁中製作精美圓角表格的方法
要是想兼容所有瀏覽器的話就非常復雜了！
現在支持到ie9和火狐等主流瀏覽器的有個border-radius：10px 10px 5px 1px；（左上、右上、右下、左下）就可以實現了！
建議如果不是用在自己後台的時候還是加圖片吧！純css寫的真的太多太復雜了！
3、網頁製作CSS圓角代碼，不帶有圖片
不用圖片的圓角就是css3了，先看代碼
.round-angel {
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
border-radius: 1em;
}
標準的css屬性是border-radius，值是圓角的半徑。對於支持css3的瀏覽器只寫這一句就夠了。
但是firefox，chrome等瀏覽器在w3c將圓角加入css3標准之前已經實現這項特性，分別用的屬性是-moz-border-radius和 -webkit-border-radius，所以加上前兩句可以兼容更早版本的moz內核和webkit內核的瀏覽器。
這種寫法的缺點是IE8，IE7，IE6-包括其他IE內核的瀏覽器，都不支持border-radius屬性也沒有可替代的微軟專用屬性，圓角無法實現。
總結：如果圓角對你的設計很重要，建議你仍然使用經典的滑動門技術。
4、網頁設計中，怎麼讓DIV的邊框的4個角呈圓角形？
怎麼能讓一個DIV或者一個圖片的四角為圓形呢？其實並不需要我們去把每個角都剪切掉，而只需要設置每個解的圓狐度即可。
案例代碼：
div{border-radius:5px 5px 0 0;}設置DIV對象盒子左上角和右上角5px圓角，其它兩個角為0不圓角
border-radius:3px 4px 5px 6px代表設置對象左上角3px圓角、右上角4px圓角、右下角5px圓角、左下角6px圓角.box2 img{border-radius:5px}
設置DIV中的圖片為圓角圖片。
5、網頁製作不使用css3怎麼做出自適應圓角矩形
在網頁代碼的頭部，加入一行viewport元標簽。
<meta name="viewport" content="width=device-width,initial-scale=1" />
viewport是網頁默認的寬度和高度，上面這行代碼的意思是，網頁寬度默認等於屏幕寬度（width=device-width），原始縮放比例（initial-scale=1）為1.0，即網頁初始大小占屏幕面積的100%。
2
由於網頁會根據屏幕寬度調整布局，所以不能使用絕對寬度的布局，也不能使用具有絕對寬度的元素。對圖像來說也是這樣。
具體說，CSS代碼不能指定像素寬度：
width:xxx px;
只能指定百分比寬度：
width: xx%;
或者
width:auto;
3
字體也不能使用絕對大小（px），而只能使用相對大小（em）。
例如：
body {font: normal 100% Helvetica, Arial,sans-serif;}
上面的代碼指定，字體大小是頁面默認大小的100%，即16像素。
4
流動布局（fluid grid）
"流動布局"的含義是，各個區塊的位置都是浮動的，不是固定不變的。
.main {float: right;width: 70%; }
.leftBar {float: left;width: 25%;}
float的好處是，如果寬度太小，放不下兩個元素，後面的元素會自動滾動到前面元素的下方，不會在水平方向overflow（溢出），避免了水平滾動條的出現。
5
"自適應網頁設計"的核心，就是CSS3引入的MediaQuery模塊。
它的意思就是，自動探測屏幕寬度，然後載入相應的CSS文件。
<link rel="stylesheet" type="text/css"media="screen and (max-device-width:400px)"href="tinyScreen.css" />
上面的代碼意思是，如果屏幕寬度小於400像素（max-device-width: 400px），就載入tinyScreen.css文件。
<link rel="stylesheet" type="text/css"media="screen and (min-width: 400px)and (max-device-width: 600px)"href="smallScreen.css" />
如果屏幕寬度在400像素到600像素之間，則載入smallScreen.css文件。
END
參考下面的例子——我稱它為「盒子」
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<!-- viewport meta to reset iPhone inital scale -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Demo: Responsive Design in 3 Steps</title>
<!-- css3-mediaqueries.js for IE8 or older -->
<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->
<style type="text/css">
body {
font: 1em/150% Arial, Helvetica, sans-serif;
}
a {
color: #669;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
h1 {
font: bold 36px/100% Arial, Helvetica, sans-serif;
}
/************************************************************************************
STRUCTURE
*************************************************************************************/
#pagewrap {
padding: 5px;
width: 960px;
margin: 20px auto;
}
#header {
height: 180px;
}
#content {
width: 600px;
float: left;
}
#sidebar {
width: 300px;
float: right;
}
#footer {
clear: both;
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
#pagewrap {
width: 94%;
}
#content {
width: 65%;
}
#sidebar {
width: 30%;
}
}
/* for 700px or less */
@media screen and (max-width: 700px) {
#content {
width: auto;
float: none;
}
#sidebar {
width: auto;
float: none;
}
}
/* for 480px or less */
@media screen and (max-width: 480px) {
#header {
height: auto;
}
h1 {
font-size: 24px;
}
#sidebar {
display: none;
}
}
/* border & guideline (you can ignore these) */
#content {
background: #f8f8f8;
}
#sidebar {
background: #f0efef;
}
#header, #content, #sidebar {
margin-bottom: 5px;
}
#pagewrap, #header, #content, #sidebar, #footer {
border: solid 1px #ccc;
}
</style>
</head>
<body>
<div id="pagewrap">
<div id="header">
<h1>Header</h1>
<p>Tutorial by <a href="http://webdesignerwall.com">Web Designer Wall</a> (read <a href="http://webdesignerwall.com/tutorials/responsive-design-in-3-steps">related article</a>)</p>
</div>
<div id="content">
<h2>Content</h2>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
<p>text</p>
</div>
<div id="sidebar">
<h3>Sidebar</h3>
<p>textg</p>
<p>fgs</p>
<p>fgsg</p>
<p>dg</p>
<p>dfgfd</p>
<p>是否感到反感</p>
<p>sgrtg</p>
<p>分公司</p>
<p>sgf</p>
<p>text</p>
</div>
<div id="footer">
<h4>Footer</h4>
</div>
</div>
</body>
</html>
6、網頁設計中的圓角背景怎麼做出來的？如下圖的ul 背景就是圓角的，，怎麼做到的？
你可以使用圖片設計工具(例如ps)畫出圓角,然後再切割成你想要的背景成分,然後在製作網頁的時候使用CSS樣式,要是用在網頁背景上也可以百度一下,有那種在線製作圓角網頁背景的,你直接保存下來就那了的那種,然後再利用樣式去調整.
7、實際網頁製作時圓角用圖片實現還是jquery實現好
css3裡面的border-radius可以實現，但是ie8以及以下不兼容，沒效果，但是如果是不是圓或者圓角對布局沒影響的話，那就隨便用
8、關於網頁圓角製作的代碼
這個是表單項分組用的
accesskey定義快捷鍵訪問
<fieldset style="border:1px solid #f00;">
這樣顏色就改了
定義圓角現在只能在PS里做圓角圖片加到頁面里
css3支持圓角,估計很快就可以用了
9、網頁設計中圓角矩形怎麼實現例子
您好。【三佳網頁設計】為您解答。
圓角矩形的css代碼：border-radius:5px； ：5px「代表意思是」上 右 下 左 「都是5px；
希望可以幫到您！
10、網頁設計中，怎麼讓DIV的邊框的4個角呈圓角形
代碼：
div{border-radius:5px 5px 0 0;}
設置DIV對象盒子左上角和右上角5px圓角，其它兩個角為0不圓角
border-radius:3px 4px 5px 6px
代表設置對象左上角3px圓角、右上角4px圓角、右下角5px圓角、左下角6px圓角。
.box2 img{border-radius:5px}
設置DIV中的圖片為圓角圖片。