技術提供:Blogger.

創意網頁設計,響應式網頁,部落格版型,資料庫,購物車,Bootstrap,RWD,html,css,php,jquery,MySQL,專營綠茶,紅茶,高山凍頂烏龍,阿里山杉林溪梨山大禹嶺茶及茶葉罐杯壺禮盒批發零售,兼營艋舺快遞,汽機車外送,中央果菜市場,環南市場,迪化街等地代購採買及各項代理服務! 孟甲服務專線:0952-916626
E-mail:roberchen3@gmail.com


用CSS畫矩形、圆形、半圆形、扇形、疑問框、弧形、多邊形、小三角形


<div >矩形</div>

<div  class="circle" >圆形</div>

<div  class="semi-circle" ><p style="position:absolute;margin-top:-20px;margin-left:30px;">半圆</p></div>

<div  class="sector" >扇形</div>

<div  class="rectangle" >疑问框</div>

<div  class="arc" ><p style="position:absolute;margin-top:0px;margin-left:30px;font-weight:bold;-webkit-transform: rotate(-40deg);">弧形</p></div>

<div  class="triangle" ><p style="position:absolute;margin-top:-50px;margin-left:-25px;color:red;font-weight:bold;">多邊形</p></div>

<div  class="arrow" ><p style="position:absolute;margin-top:-85px;margin-left:-22px;color:#fff;font-size:14px;">三角形</p></div>


<style>
 div {
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    margin: 15px;
    background-color: red;
}
.circle {
    border-radius: 50%;
}

.semi-circle {
    border-radius: 100px 100px 0 0;
    height: 50px;
}

.sector {
    border-radius: 100px 0 0;
}
 .arc{
        border-radius: 100px 0;
       -webkit-transform: rotate(45deg);
       -ms-transform: rotate(45deg);
       -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }


/*圆角矩形*/
   .rectangle{
        width: 200px;
        border-radius: 15px;
        position: relative;
    }
    /*小三角*/
   .rectangle::before{
        content: "";
        width: 0;
        height: 0;
        border: 15px solid red;
        border-color: red transparent transparent transparent;
        position:absolute;
        bottom: -30px;
        left: 40px;
    }

.triangle{
        border: 50px solid green;
        width: 0;
        height: 0;
        border-top-color: yellow;
        border-right-color: blue;
        border-bottom-color: pink;
        border-left-color: orange;
    }
   .arrow{
        background: none;   /*为了清除前面div设置的背景颜色*/
        border: 50px solid red;
        width: 0;
        height: 0;
        border-color: red transparent transparent transparent;
    }
</style>

~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

網路抓取email信箱的方法程式及網站 網路尋找檔案文件語法

在搜尋網輸入:
1.萬華"@yahoo.com.tw",即可找到相關萬華關鍵字的yahoo信箱
2.線上搜尋email信箱的網址http://keeptouchme.com/egetter/,只要輸入網址即可搜尋到信箱地址
3.在搜尋列輸入:租賃 file:doc,即可找出所有與租賃相關的word文件檔
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

動態廣告輪播 jquery





~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

高CP質網頁設計,9900元RWD響應式超值方案

若無法連結請複製網址:http://eagle1024.blogspot.tw/2016/10/blog-post.html 孟甲商行
作品展示如下
「延齡全人健康醫療集團」 前往網站
可免費在百萬瀏覽量的部落格首頁橫幅及頁尾免費廣告
amct

台北市骨節整復職業工會:本網站為響應式網頁 可以用手機以Line分享文章及最新消息

Read More

sample

響應式公司形象網站
華麗版型、全功能後台

Read More

sample

中華海峽兩岸交流總會:近年來,兩岸加入WTO及開放民間交流以來,海峽兩岸各類交流日趨頻繁。

Read More

sample

中華民國兩岸消費者保護協會:兩岸旅遊觀光糾紛不斷,也深深影響兩岸人民的情誼。

Read More

可免費在PChome Online 商店街免費打廣告
amct

脊骨神經力學公共研究網(非響應式) 前往網站

sample

中華公益慈善總會(非響應式) 前往網站

孟甲商行

連絡電話:0952916626  

  信箱:roberchen3@gmail.com

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

六十多年來最接近地球的「超級月亮」


「超級月亮」亮相夜空!京港台時間周一(11月14日)夜間將是最佳觀測時機。這次是月亮1948年來最接近地球的一次。
根據香港天文台數據,本次「超級月亮」最接近地球的時間是19時21分,但滿月時間是21時52分,月亮正面太陽,反射全部的光,因而此時將會是超級月亮「最圓」的時候。
「超級月亮」有多特別?它比正常時候的月亮看起來大了7%,亮度提升15%,雖然肉眼並不能真正看出其中差異。
這是繼1948年以來,月亮運行至最接近地球的一次,錯過這次,要等到2034年的11月25日。
為什麼會有「超級月亮」?因為月球繞行地球的軌道並不是圓形而是橢圓形,因此月亮距離地球有時較近,有時較遠。當月亮運行至離地球較近的「近地點」時,與地球的距離大約37.5萬公里。運行至「遠地點」時,距離地球約40.6萬公里。
今年一共有三次見到「超級月亮」的機會,分別是10月16日、11月14日 及12月14日,而11月14日的月亮是其中最大最圓的。
~歡迎轉載,但請註明來源網站名稱和網址,文章若有侵權,請來信告知,我們會盡快處理~

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

[RWD響應式]EDM電子報ePaper會員發送系統 E-Mail廣告行銷 郵件信箱廣告 編碼要設utf-8信件內容才不會出現亂碼

延齡國際
若無法連結請複製網址:http://www.pcstore.com.tw/longlife99/ 孟甲
延齡美姿帶~健康窈窕 簡單美姿 舒適挺立 彈性極佳 兩肩舒展 充分伸展背部
 
sample

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue metus

Read More

sample

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue metus

Read More

sample

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue metus

Read More

sample

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus congue metus

Read More

 



"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

客製化網頁設計優點風格獨特,不會有撞板問題

製作網頁的方式有兩種大方向,分別就是套版設計製化設計,一般案主或許對其製作過程上的收費與內容較為不同。

 [ 客製化網頁設計對於網站設計就是完全以量身訂做的方式為出發點, 除了在網站視覺上獨樹一格,更能表現出來的企業專屬風格及形象特色。
網站所有頁面呈現的文字及圖片,均可在多功能後台進行增加、刪除、修改及查詢,完全不同於套版設計。

 套版設計就是以快速製作、功能簡便及固定板型為主。

我們的網站設計、電子商務、購物車..等等,價格合理透明、版型創意,客製化網站設計價格為1萬~3萬間,歡迎來電或填寫左側欄表單詢問。

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

響應式部落格改造工程

無限空間及流量搜索引擎最優化 ,手機、平板及桌機一次搞定
,獨特的設計風格,完全看不到部落格的痕跡。
宛如企業及公司的形象網站,費用只要3500元就搞定。

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

響應式網頁架站只要9,900元| 響應式(Responsive Web Design)

新一代網路行銷必備,只要做一個網站的費用,就可以跨平台使用,解決多種裝置的瀏覽的問題,同時完成電腦、手機、平板三個裝置版本。
價格合理透明:響應式網頁製作、RWD購物網站建置,建置費用:$9,900; 無須額外管理費用, 網站頁數:無限頁面。

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

網址及空間和虛擬主機租任費用

租用網域、網址及租用虛擬主機來放置您的網頁
無限數量Email 帳號; 無限數量MySQL 資料庫; 無限數量次網域; 支援PHP5, MySQL, RoR, Perl。
含網址及空間費用(繳10個月送2個月),一年只要新台幣700元

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

為何要建置公司或企業的形象網站

網站就是公司的門面形象,如果一家公司沒有網站,只有部落是無法充分表達企業的形象,企業最重要的是來自於品牌帶給消費者的「感覺」。
就客戶層面來說,網站已經不是為了充充門面的需要,有了就好;而是要提升知名度及企業形象,藉此贏得客戶的信賴感;
為了加深瀏覽使用者及消費者對企業或商品的形象,網站製作的風格色系必需要與企業的CIS配合,達到宣傳產品或服務的最佳效果,進而拓展商機。
而搜尋引擎優化SEO,大部分為熱門關鍵字、區域關鍵字、產品關鍵字、品牌關鍵字、口碑關鍵字、長尾關鍵字、活動關鍵字。
目前時下最夯的為響應式網頁,他是以百分比的方式彈性畫面的設計,在不同解析度下改變網頁頁面的佈局排版,讓不同的設備都可以享有最佳的視覺體驗。
且目前手機、平板等行動裝置用戶越來越多的趨勢,單獨電腦版網站已經漸漸不符大眾需求,而GOOGLE也特別在2015年4月21日宣布修改搜尋引擎演算法,主要修改內容針對智慧型手機、平板等行動裝置的『友善度』做排序,並且增加手機相容性檢測網站,供業者測試網站是否適合使用行動裝置瀏覽,並且在短時間內Bing( Yahoo!奇摩採用的搜尋引擎技術)也跟進此作法,所以RWD網站對於SEO是非常具有影響性的。

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

響應式動態EDM行銷廣告網頁設計,在手機看信件內容,文字及圖片變大,讓閱讀不費力!


動畫響應式EDM廣告行銷設計  前往網頁

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

一頁式網站的優點,不會再跳到其他頁面,搜尋排名計分不會被分散,使用者不需要網站導覽也不會迷路。


佑升機械有限公司   前往網站
YOW SHENG MACHINERY CO., LTD.
最高強度強的機殼設計,係以高級鑄鐵製程成。齒輪軸的軸承孔是同一積體、同一中心直線,並經高精度CNC之中心加工機(CNC Machine Center)一次加工完成,其軸承孔的平行度的精度極高,使齒輪齒合精確,傳動效率高



動畫響應式EDM廣告行銷設計  前往網頁

"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

[RWD]響應式網站,自適應網頁,讓SEO搜尋引擎最佳化你的網站


金宏行銷股份有限公司  前往網站
The Best Way to Create Business Site – Attractive One Page
Discover elegant solution for your online business fast, reliable, affordable.

「立即打造您的行動專屬網頁
架站快速,開店成本低廉, 
網路無國界,賺進全世界!」




服飾購物網站  前往網站


孟甲商行購物網  前往網站



雅奕國際有限公司  前往網站
公司成立於2003年4月29日專業經營人力派遣、外勞引進項目
秉持【正派經營、專業管理、親切服務】的經營理念
專業經營「家庭看護工」及「家庭幫傭」服務項目,提供客戶最即時、最全面的服務,所引進的外勞都是經過專業且密集的訓練,及當地政府機構健康檢查合格。



延齡國際股份有限公司  前往網站
「延齡全人健康醫療集團」希望中國優秀的醫學能為全世界醫學界所了解、利用,長年投入學術教育,醫學研究,以穩健踏實的腳步向前發展,也因此能獲得各方的信任與支持,我們應用長久建立的資源與優勢,正式成立本集團,本集團的成立橫跨醫藥發展,學術教育、媒體產業、醫療器械、生技保健、醫療相關軟硬體及慈善公益事業,以成就全人類身體健康福祉為理想。



台北市骨節整復職業工會  前往網站
本網站為響應式網頁  可以用手機以Line分享文章及最新消息
工會總則:第一條:本章程依據工會法、工會法施行細則、人民團體法暨相關法令訂定之。
第二條:本會定名為台北市骨節整復職業工會(以下簡稱本會)。
第三條:本工會以保障勞工會員權益,增進勞工會員知能,提昇勞工會員職業技能、發展整復事業,加強勞資合作關係,以臻勞資生命同體之境界,並改善(提昇)勞工會員生活之意境,進而協助政府推行政令為宗旨。
第四條:本會以台北市行政區域為組織區域,會址設於台北市。



孟甲7號工作室  前往網站
孟甲公司的服務項目
◎網頁網站建置規劃
◎電子商務購物網站設計
◎多媒體動態網頁設計
◎部落格版面設計
◎網站更新及維護



中華民國兩岸消費者保護協會  前往網站
本網站為響應式網頁
在兩岸愈來愈密切的來往商業活動,與經濟結構也漸趨緊密,面對現實的環境我們不應再掩耳盜鈴,不去正視兩岸民間的這個現象。近年來媒體屢有報導黑心商品,問題層出不窮,引起國內外普通的關注,再則兩岸旅遊觀光糾紛不斷,也深深影響兩岸人民的情誼。



中華海峽兩岸交流總會  前往網站
本網站為響應式網頁
近年來,兩岸加入WTO及開放民間交流以來,海峽兩岸各類交流日趨頻繁。現今海峽兩岸不管是產業、文化、宗教、經貿交流‧‧‧等等,產業互補及學者互訪等方面,均有不少突破與進展。本會創會人邱九桁總會長,於2013年初廣邀各界賢達共同發起組織,開始籌設規劃,經過不斷的努力之下與全體會員上下一心、通力合作,由政府主管機關相關單位輔導,終於成立『中華海峽兩岸交流總會』。



動畫響應式EDM廣告行銷設計  前往網頁



響應式部落格



響應式部落格


>
響應式公司形象網站  前往網頁



響應式公司形象網站  前往網頁


"你是獵人還是獵物?"

Related Posts Plugin for WordPress, Blogger...

室內設計 101時尚舍 happy玩家 中華民國兩岸消費者權益保護協會 孟甲部落格 孟氏洋行 AMCT 骨節 雅弈 統愛眼鏡大批發