導航:首頁 > 萬維百科 > 網頁設計邊框為圖片代碼

網頁設計邊框為圖片代碼

發布時間:2021-02-15 16:22:48

1、求各種網頁設計中的邊框設計方法

一種是做按鈕的或者邊框圖片,拿來當背景,另外就是css里定義了l none: 指定表格沒有邊框,所以邊框寬度為0。l dotted: 由點線組成的表格邊框。l dashed: 由虛線組成的表格邊框。l solid: 由實線組成的表格邊框。l Double: 由雙實線組成的表格邊框。l Groove: 槽線效果邊框。l ridge: 脊線效果邊框,和槽線效果相反。l inset: 內凹效果邊框。l outset: 外凸效果邊框,和內凹效果相反。每個邊框類型都可以指定一種顏色,邊框是繪制在背景顏色上的,列表A使用邊框屬性來樣式化整個表格以及錨標記和單獨的單元格。

例如說 css里#tab{border:2px solid #0099FF;} 表達的意思就是說ID為TAB的div或者table的邊框為2個像素的實線顏色為#0099FF。
如果對你有幫助請給我最佳答案謝謝

2、網頁設計,HTML,如圖中的陰影框,求代碼



<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
body{
background-color: #0066CC;
}
h1{
position: absolute;
}
.box{
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
margin: 0 auto;
width: 800px;
height: 700px;
background-color: #666;
}
.con{
position: absolute;
top: 400px;
left:300px;
color: #fff;
}
</style>
</head>
<body>
<h1>你好 看見div是透明了么!</h1>
<div class="box">
</div>
<div class="con">
<h2>
你想寫一些什麼呢
</h2>
<p> 不如先採納了吧</p>
</div>
</body>
</html>

3、網頁設計中的邊框代碼如何做?

用到CSS樣式和HTML標簽元素,為了對html不同標簽加邊框虛線,我們選擇幾個常用標簽對齊設置邊框虛線效果.

1、html常用標簽:p標簽 spanul li table tr td;

2、實例用到CSS屬性單詞:border width height;

3、實現虛線的CSS重點介紹

border為邊框屬性,如果要實現對象邊框效果,要設置邊框寬度、邊框顏色、邊框樣式(實線還是虛線).

border:1px dashed #F00 這個就是設置邊框樣式寬度為1px 虛線,虛線為紅色.

4、網頁設置首頁圖片框大小,HTML代碼,希望全屏平鋪有圖,來幫幫新手~感謝~

你說的是圖片拉伸到整個容器的話就在加個樣式
background-size:cover;
作用是將圖片拉伸到整個容器,就不會再容器里留空白。

5、在html的表格中,怎麼把表格的邊框設置為實線框?具體的代碼是什麼?謝謝

<style type="text/css">
<!--
.tableborder {
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
/*以上分別設置的是表格邊框中上右下左的邊框寬度*/
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
/*設置邊框的表現樣式,solid為實線*/
border-top-color: #0000FF;
border-right-color: #0000FF;
border-bottom-color: #0000FF;
border-left-color: #0000FF;
/*設置邊框的顏色*/
}
-->
</style>
<table width="300" height="100" border="0" align="center" cellpadding="0" cellspacing="0" class="tableborder">
<tr>
<td>class="tableborder"是對樣式的調用,寫在table標簽內</td>
<td> </td>
</tr>
</table>

6、網頁中圖片邊框代碼在什麼位置?

直接這樣就可以了

<img src="x.jpg" width=50 height=50 style="border:#cccccc 1px solid">
style="border:#cccccc 1px solid"
邊框若想加粗就把回1px改為答2px

7、求一段html網頁的圖片效果代碼

這位童鞋,這個地方又錯誤:<imgsrc;

完整代碼如下:

<html><head><style type="text/css">
.a:hover{border:1px solid Red;}
.a:hover .gonglue-art{color:Red;}
</style>
</head>
<body>
<div class="a" style="width: 400px;">   
<div class="img">   
<ahref="#">   
<img width="120" height="160" img-src="http://p10.ytrss.com/proct/20/294/1733/viewimage/10924.jpg" alt="ONLY雪紡兩件套女襯衫E|113241011020,白,XL,13Q2" src="*.jpg"></ahref="#"></div>   
<div class="gonglue-art">   
非東風風神的法搜的建甌市非單身飛速的發就歐風搜的哦</div>   
</div></body></html>

8、網頁實現圓角邊框欄目的代碼(背景圖片為一張大圖)div高度不確定。 在線

這個好像不能實現吧,DIV+CSS只能實現方方正正的,可能用JS可以實現;
要不就 背景圖片是個圓角的 加上樣式 background-repeat:repeat-y;不讓他縱向重復

9、網頁中顯示圖片的代碼是什麼

步驟如下:抄
1.插入一個文字框,在框內寫好文章;
2.勾選編輯器左下角的「源代碼」,在源代碼中找出<table......>欄位,在table之後空出一個半形空格,填寫以下代碼:
background=圖片的網路地址 style="backgroundrepeat:repeat-no; 50% 50%"

與網頁設計邊框為圖片代碼相關的知識