<s id="z8ggw"><dfn id="z8ggw"></dfn></s>
<s id="z8ggw"></s>

<span id="z8ggw"><u id="z8ggw"></u></span>
  • <s id="z8ggw"></s>
    <u id="z8ggw"></u><s id="z8ggw"><dfn id="z8ggw"></dfn></s><dfn id="z8ggw"></dfn>
  • 藝術化處理圖像

    • 2019-10-24 15:22:28
    • 閱讀次數:
    • 作者:盈嵐科技小編
    • 來源:http://www.bibiworld.net

    網頁設計時通過設置表格背景圖像屬性可以制作一些圖像特效,例如,給圖像鑲邊、遮掩部分圖像實現圖像的虛化顯示等效果。本例就是利用這一方法實現制作圖像殘缺效果。

    【操作步驟】

    第1步,在主體表格的第2個單元格中插入一個20行20列的表格,設置大小為300×300像素。然后設置背景圖像。

    設置表格屬性的代碼如下:

    <table  width="300"  height="300"  border="0"  align="center"  cellpadding="0"  cellspacing="0"  background="image/33.jpg">

    第2步,拖選所有單元格,設置所有單元格大小為15×15像素,背景為白色,則把表格的背景圖像遮蓋住。

    第3步,在上面雕刻,按住Ctrl鍵單擊選中要鏤空的單元格,然后在【背景】文本框中刪除設置的白色即可。利用這種方式可以創意設計出各種圖案和變形,猶如繪制像素畫。

    制作立體表格

    立體表格主要通過網頁設計時的顏色的設置來實現。本例的立體表格效果如圖6.42所示。實現的具體步驟如下。

    【操作步驟】

    第1步,繼續以之前示例為基礎,打開in-dex.html。選中插入的表格,設置主體表格的第3個單元格背景顏色為藍色(#667BD8),設置垂直對齊方式為頂端。

    第2步,在該單元格中插入一個4行2列的表格,設置寬度為180像素,居中顯示

    第3步,插入表格的第1行用來控制表格與頂部標題欄的距離,合并第2行的兩個單元格,并設置合并單元格背景圖像,在設置之前應把第2行高度設置為背景圖像的高度。

    第4步,設置表格的最后一行和表格右側單元格為1像素高或寬,背景顏色為白色。并設置主體單元格背景顏色為淺藍色(#D6DFF7),高為200像素。

    第5步,在設計網頁時以同樣的方式或復制上面制作的表格,就可以重復制作多個立體表格。

    當前文章標題:藝術化處理圖像

    當前URL:http://www.bibiworld.net/news/wzzz/3115.html

    上一篇:案例實戰:應用表格

    下一篇:在網頁設計中定義表格樣式

    網站建設、網絡營銷咨詢專線:181-8386-5875(點擊可一鍵撥號)
    美女隐私免费网站,美女隐私全部免费网站,美女隐私网站免费看视频,美女隐私网站免费视频,美女隐私无遮挡网站视频,国产最大精品免费AV电影网站,国产最爽的乱婬视频,国产最爽的乱婬视频a,国产最新97超级碰碰碰碰碰久,国产最新99精品视频,巨胸流奶水视频www冈,巨胸美女露双奶头无圣光,巨胸喷奶水视频WWW,俱乐部换娇妻大杂交,剧情原创AV影视,人人操人人爽人人喊,人人操人人爽人人贱,人人操人人爽人人噜,人人操人人爽人人摸,人人操人人爽人人透,一圾黄色片一区二区_一个中国一级黄片儿_一个色综合高清在线观看,一女4p三黑人免费视频_一男一女真人免费A片_一男一女无遮掩一级毛片,一级婬片A级中文字幕_一级淫录像一区二区_一级一人片日本一级一大片,91九色国产社区在线观看,91九色蝌蚪熟女,91九色老熟女免费资源站,91九色私密保健,91九色自拍视频,一本高清无码dvd在线播放_一本高清码二区三区网站_一本高清码二区三区不卡。